@charset "utf-8";

/*
================================================================================
LAYOUT
================================================================================
*/

/* 검색기본 */
.DivSelectyze {position:relative}
.DivSelectyze .selectyzeValue {position:relative;z-index:10;display:block;text-decoration:none;}
.DivSelectyze ul {list-style:none;}
.DivSelectyze .UlSelectize {position:absolute;z-index:9999;display:none;}
.DivSelectyze li a {display:block;text-decoration:none;}
.optgroupTitle {display:block;}


#wrapper{width:100%;min-width:320px}

/* ---- 상단영역 ---- */
header{position:absolute;top:0;left:0;width:100%; background:#fff url('../img/common/top_bg.gif') repeat-x;  border-bottom:1px solid #afafad; z-index:30}
header.line{border-bottom:2px solid #194477}
header .head_box{position:relative;margin:0 auto;max-width:1100px;min-height:146px;z-index:60}
header .head_box .logo{padding-top:36px;/*  margin:0 auto; text-align:center; */}

/* ---- 상단 로그인 ---- */
header .familyNav { background:#fbfbfb; width:100%; height:40px; border-bottom:solid 1px #f3f3f3; }
header .familyNav .wrap { width:1100px; max-width:1100px; margin:0 auto; position:relative; padding-top:10px; }
header .utill { position:absolute; right:0; top:10px; z-index:4; }
header .utill a { font-size:12px; color:#888; background:url('../img/common/loca_kan04.gif') 0 4px no-repeat; margin-left:10px; padding-left:10px; z-index:60 }
header .utill a:first-child { background:none; }


/* ---- 인트로 상단 로그인 ---- */
header .familyNav_intro { background:#f1f1f3; width:100%; height:40px; border-bottom:solid 0px #eee; }
header .familyNav_intro .wrap { width:1100px; max-width:1100px; margin:0 auto; position:relative; padding-top:10px; }
header .utill_intro { position:absolute; right:0; top:10px; z-index:4; }
header .utill_intro a { font-size:12px; color:#999; background:url('../img/common/loca_kan04.gif') 0 4px no-repeat; margin-left:10px; padding-left:10px; z-index:60 }
header .utill_intro a:first-child { background:none; }


/* 검색 */
header .head_box .topSearch{position:absolute;top:30px;left:50%;margin-left:-175px;width:370px;z-index:500}
header .head_box .topSearch .searchBox{position:relative;padding:6px 60px 0 105px;height:29px;background:#fff;border:3px solid #8b8b8b}
header .head_box .topSearch .searchBox select{position:absolute;top:15px;left:10px;width:85px;font-size:13px;background:url('../img/common/search_dot.png') no-repeat right center;border:0;border-radius:0;-webkit-appearance: none}
header .head_box .topSearch .searchBox .DivSelectyze{position:absolute;top:0;left:0;width:85px;font-size:13px;background:url('../img/common/search_dot.png') no-repeat right center;}
header .head_box .topSearch .searchBox .DivSelectyze .selectyzeValue{padding:6px 10px;color:#666;}
header .head_box .topSearch .searchBox .DivSelectyze .UlSelectize{top:35px;left:0;padding:3px 0;width:85px;font-size:12px;background:#8b8b8b;border:1px solid #8b8b8b}
header .head_box .topSearch .searchBox .DivSelectyze .UlSelectize li a{padding:0 10px;color:#fff}

header .head_box .topSearch .searchBox input[type="text"]{padding:0 10px;width:100%;height:20px;color:#cdcdcd;border:1px solid #eaeaea;border-width:0 0 0 1px;box-sizing:border-box}
header .head_box .topSearch .searchBox input[type="image"]{position:absolute;top:0;right:0;padding:5px 10px 5px 15px;background:#898c91;border:0;border-radius:0}

header .head_box .topGlob {position:absolute;top:25px;right:0;font-size:11px;}
header .head_box .topGlob .btn_lang{display:block;width:55px;background:#c2c3c7 url('../img/common/lang_dot.gif') no-repeat 43px center;}
header .head_box .topGlob .btn_lang a{display:block;padding-left:10px;color:#fff;font-weight:500;height:25px;line-height:25px}
header .head_box .topGlob ul{display:none;background:#c2c3c7}
header .head_box .topGlob ul li a{display:block;padding-left:10px;color:#fff}


header .head_box .btn_home{display:none}
header .head_box .btn_menu{display:none}
header .head_box .btn_search{display:none}

/* ---- 중간영역 ---- */
/* 메인, 서브 */
#container{padding-top:187px}
#container.intro{background:#f1f1f3}
#container #content{position:relative;margin:0 auto;padding-top:20px;max-width:1100px}
#subContainer{margin:0 auto;padding:217px 0 50px;width:1100px;}
#subContainer:after{display:block;clear:both;content:''}
#subContainer aside{float:left;width:210px}
#subContainer aside h2{height:120px;font-size:24px;color:#fff;text-align:center;line-height:120px;  font-weight:400; background:#243b62 /* 194477 */}
#subContainer aside h3{height:120px;font-size:24px;color:#fff;text-align:center;line-height:120px; background:#243b62 /* 194477 */}
#subContainer aside h4{height:120px;font-size:24px;color:#fff;text-align:center;line-height:120px; background:#243b62 /* 194477 */}
#subContainer #content{position:relative;float:right; width:820px; min-height:600px;}
#subContainer #content .location{position:absolute;top:0px;right:0;}
#subContainer #content .location li{float:left;padding:0 12px;font-size:12px;color:#888; background:url('/new/kor/img/common/loca_kan01.png') no-repeat left center}
#subContainer #content .location li:first-child{background:none}

/* ---- 페이스북 트위터 아이콘  ---- */
#subContainer #content .ico{position:absolute;top:65px;right:0;}
#subContainer #content .ico li{float:left;padding:0 2px;font-size:11px;ne}

h1.title{margin-bottom:40px; padding:60px 0 24px; font-size:33px; color:#000; line-height:36px; font-weight:500; letter-spacing:-1px; border-bottom:0px solid #e4e4e4;  background:url('/new/kor/img/common/tit_line.jpg') repeat-x bottom; } 
.s_title{font-size:13px; color:#888; padding:12px 0 0 3px; line-height:20px; font-weight:300; letter-spacing:-0.2px; }

/* ---- 하단영역 ---- */
footer{position:relative;clear:both;background:url('/new/kor/img/common/foot_bg.gif') repeat-x left top}
footer .foot_wrap{position:relative;margin:0 auto;max-width:1100px;}
footer .foot_wrap .foot_menu{display:inline-block;margin-top:20px}
footer .foot_wrap .foot_menu li{display:inline-block;line-height:13px;}
footer .foot_wrap .foot_menu li a{display:block;padding:0 25px;font-size:13px;color:#434343;line-height:12px;border-left:1px solid #ababab}
footer .foot_wrap .foot_menu li:first-child a{padding-left:0;border-left:0}

/* 하단패밀리사이트 */
footer .foot_wrap .btn_family{position:absolute;top:0;right:0;display:block;width:190px;border:1px solid #cdcdcd;}
footer .foot_wrap .btn_family a{display:block;padding:20px 0 0 20px;height:39px;background:url('/new/kor/img/common/famiy_dot.gif') no-repeat right center}
footer .foot_wrap .family_view{display:none;position:absolute;bottom:186px;left:0;width:100%;z-index:10}
footer .foot_wrap .family_view dt{height:50px;font-size:15px;color:#fff;text-align:center;line-height:50px;background:#848484}
footer .foot_wrap .family_view dd{background:#fff;border:1px solid #cdcdcd;border-width:0 1px 1px}
footer .foot_wrap .family_view dd ul:after{display:block;clear:both;content:''}
footer .foot_wrap .family_view dd > ul > li{float:left;width:24.7%;text-align:center;}
footer .foot_wrap .family_view dd ul li div{padding:20px;min-height:180px;border-left:1px solid #cdcdcd}
footer .foot_wrap .family_view dd ul li:first-child div{border-left:0}
footer .foot_wrap .family_view dd ul li div .tit{display:inline-block;margin-bottom:20px;padding-left:55px;font-size:14px;color:#000;line-height:45px; font-weight:350;}
footer .foot_wrap .family_view dd ul li .ic1 .tit{background:url('/new/kor/img/common/fam_ic01.png') no-repeat}
footer .foot_wrap .family_view dd ul li .ic2 .tit{background:url('/new/kor/img/common/fam_ic02.png') no-repeat}
footer .foot_wrap .family_view dd ul li .ic3 .tit{background:url('/new/kor/img/common/fam_ic03.png') no-repeat}
footer .foot_wrap .family_view dd ul li .ic4 .tit{background:url('/new/kor/img/common/fam_ic04.png') no-repeat}
footer .foot_wrap .family_view dd ul li div ul li{width:90%;text-align:left}
footer .foot_wrap .family_view dd ul li div ul li a{display:block;padding-left:5px;color:#555;background:url('/new/kor/img/common/fam_dot.gif') no-repeat left 10px}
footer .foot_wrap .family_view .btn_close{position:absolute;top:0;right:0;width:50px;background:#555555}
footer .foot_wrap .family_view .btn_close a{display:block;height:50px;text-indent:-999px;overflow:hidden;background:url('/new/kor/img/common/btn_close.png') no-repeat center center}

footer .foot_wrap .btn_top{position:absolute;top:100px;right:0;width:55px;font-size:11px;background:url('/new/kor/img/common/top_dot.gif') no-repeat right center}
footer .foot_wrap .btn_top a{display:block;padding-left:10px;height:22px;color:#fff;border:1px solid #686868}
footer .foot_wrap .add_infor{padding:40px 0;line-height:18px}
footer .foot_wrap .add_infor a{display:block;margin-bottom:5px;color:#a1a1a1;}
footer .foot_wrap small{display:block;font-size:12px;color:#fff;}
footer .foot_wrap small a{display:inline-block !important;color:#fff !important}

/* footer .foot_wrap .btn_family{position:absolute;top:0;right:0;display:block;width:190px;border:1px solid #cdcdcd;}
footer .foot_wrap .btn_family a{display:block;padding:20px 0 0 20px;height:39px;background:url('/new/kor/img/common/famiy_dot.gif') no-repeat right center}
footer .foot_wrap .family_view{display:none;position:absolute;bottom:180px;left:0;width:100%;z-index:10}
footer .foot_wrap .family_view dt{height:50px;font-size:15px;color:#fff;text-align:center;line-height:50px;background:#848484}
footer .foot_wrap .family_view dd{background:#fff;border:1px solid #cdcdcd;border-width:0 1px 1px}
footer .foot_wrap .family_view dd ul:after{display:block;clear:both;content:''}
footer .foot_wrap .family_view dd > ul > li{float:left;width:33.3%;text-align:center;}
footer .foot_wrap .family_view dd ul li div{padding:20px;min-height:180px;border-left:1px solid #cdcdcd}
footer .foot_wrap .family_view dd ul li:first-child div{border-left:0}
footer .foot_wrap .family_view dd ul li div .tit{display:inline-block;margin-bottom:20px;padding-left:55px;font-size:14px;color:#000;line-height:45px;}
footer .foot_wrap .family_view dd ul li .ic1 .tit{background:url('/new/kor/img/common/fam_ic01.png') no-repeat}
footer .foot_wrap .family_view dd ul li .ic2 .tit{background:url('/new/kor/img/common/fam_ic02.png') no-repeat}
footer .foot_wrap .family_view dd ul li .ic3 .tit{background:url('/new/kor/img/common/fam_ic03.png') no-repeat}
footer .foot_wrap .family_view dd ul li div ul li{float:left;width:50%;text-align:left}
footer .foot_wrap .family_view dd ul li div ul li a{display:block;padding-left:5px;color:#555;background:url('/new/kor/img/common/fam_dot.gif') no-repeat left 10px}
footer .foot_wrap .family_view .btn_close{position:absolute;top:0;right:0;width:50px;background:#555555}
footer .foot_wrap .family_view .btn_close a{display:block;height:50px;text-indent:-999px;overflow:hidden;background:url('/new/kor/img/common/btn_close.png') no-repeat center center}

footer .foot_wrap .btn_top{position:absolute;top:100px;right:0;width:55px;font-size:11px;background:url('/new/kor/img/common/top_dot.gif') no-repeat right center}
footer .foot_wrap .btn_top a{display:block;padding-left:10px;height:22px;color:#fff;border:1px solid #686868}
footer .foot_wrap .add_infor{padding:40px 0;line-height:18px}
footer .foot_wrap .add_infor a{display:block;margin-bottom:5px;color:#a1a1a1;}
footer .foot_wrap small{display:block;font-size:12px;color:#fff;}
footer .foot_wrap small a{display:inline-block !important;color:#fff !important} */

/*
================================================================================
상단메뉴
================================================================================
*/
header nav{margin-top:20px;width:100%}
/* pc버전메뉴 */
.pc_gnb{position:relative;z-index:10}
.pc_gnb ul:after{display:block;clear:both;content:''}
.pc_gnb > ul > li{float:left;width:25%;font-size:18px;text-align:center; font-weight:400}
.pc_gnb > ul > li > a{display:inline-block;padding:10px 0;color:#333;text-decoration:none}
.pc_gnb > ul > li > a.on{color:#3e80dd; font-weight:500; }
.pc_gnb ul li .gnbsingle{position:absolute;top:50px;left:0;padding-top:20px;}
.pc_gnb ul li .gnbsingle .gnb_tit{display:none;position:absolute;top:25px;left:0;width:180px;text-align:left}
.pc_gnb ul li .gnbsingle .gnb_tit h2{margin-bottom:15px;font-size:20px;color:#000}
.pc_gnb ul li .gnbsingle .gnb_tit p{margin-bottom:10px;font-size:13px;color:#888;line-height:18px}
.pc_gnb ul li .gnbsingle .gnb_tit .btn{display:inline-block;}
.pc_gnb ul li .gnbsingle .gnb_tit .btn a{display:block;padding:0 10px;font-size:12px;color:#fff;line-height:26px;background:#55afb8; border-radius:13px}
.pc_gnb ul li .gnbsingle > ul{position:relative;display:none;margin-left:180px;width:920px; min-height:150px}
.pc_gnb ul li .gnbsingle > ul > li{float:left;width:25%;text-align:left;box-sizing:border-box;}
.pc_gnb ul li .gnbsingle > ul > li > a{display:block;margin:0 2px;padding:5px 10px;font-size:15px;color:#194477;font-weight:400;background:#eaedf1}
.pc_gnb ul li .gnbsingle > ul > li > a:hover{color:#fff;background:#194477}
.pc_gnb ul li .gnbsingle ul li ul{position:relative;margin:5px 10px;padding:0;height:auto;border:0}
.pc_gnb ul li .gnbsingle ul li ul li a{display:inline-block;padding-left:10px;font-size:13px;background:url('../img/common/gnb_s_dot.gif') no-repeat left center}
.pc_gnb ul li .gnbsingle ul li ul li a:hover{color:#245fa2;font-weight:400;background:url('../img/common/gnb_s_dot_on.gif') no-repeat left center}
.pc_gnb ul li .gnbsingle > ul > li.gsb1{position:absolute;top:160px;left:0}
.pc_gnb ul li .gnbsingle > ul > li.gsb2{position:absolute;top:160px;left:230px}
.pc_gnb ul li .gnbsingle > ul > li.gsb3{position:absolute;top:160px;left:460px}
.pc_gnb ul li .gnbsingle > ul > li.gsb4{position:absolute;top:160px;left:690px}

#gnb_bottom_line{display:none;position: absolute;top:40px;left: 0;width:25%; height:10px; background:url('../img/common/gnb_on.png') no-repeat center bottom}
#gnb_Bg{position:absolute;top:187px;left:0;display:none;width:100%;background:#fafafa;border-bottom:2px solid #194477;z-index:50}




/* pc버전메뉴 */
/* .pc_gnb{overflow:hidden;z-index:10}
.gnb:after{display:block;clear:both;content:''}
.pc_gnb > ul > li{position:relative;float:left;width:25%;font-size:18px;text-align:center}
.pc_gnb > ul > li > a{display:block;padding:10px 0;color:#666;text-decoration:none}
.pc_gnb > ul > li.hv > a{padding-bottom:17px;color:#2466c0;font-weight:bold;background:url('/new/kor/img/common/gnb_on.png') no-repeat center bottom}
.pc_gnb ul li ul{position:absolute;top:47px;left:0;padding-top:15px;width:99%;height:550px;border-right:1px solid #ededed}
.pc_gnb > ul > li:first-child > ul{border-left:1px solid #ededed}
.pc_gnb ul li ul li{float:none;font-size:13px;text-align:left}
.pc_gnb > ul > li > ul > li > a{display:block; padding:0 20px; color:#224f83; font-weight:bold}
.pc_gnb ul li ul li a:hover{color:#245fa2}
.pc_gnb ul li ul li ul{position:relative;top:0;left:0;margin-bottom:5px;padding:0;height:auto;border:0}
.pc_gnb ul li ul li ul li a{display:block;padding-left:30px;background:url('/new/kor/img/common/gnb_s_dot.gif') no-repeat 20px center;  color:#6e6e6e; }
.pc_gnb ul li ul li ul li a:hover{font-weight:bold;background:url('/new/kor/img/common/gnb_s_dot_on.gif') no-repeat 20px center}
 */

/*
================================================================================
왼쪽메뉴
================================================================================
*/

#lnb{border-top:1px solid #ddd}
#lnb li{font-size:14px;}
#lnb li.font15{font-size:15px;}
#lnb > li > a{display:block;color:#545454;padding:10px 0 10px 15px; font-weight:400; text-decoration:none; word-break: keep-all;background:url('/new/kor/img/common/lnb_dot01.png') no-repeat right center; border:1px solid #ddd;border-width:0 1px 1px}
#lnb > li > a.on{color:#fff;font-weight:400;background:#325b98/* 5b88bf */ url('/new/kor/img/common/lnb_dot_on02.png') no-repeat right center; border:0px solid #5b88bf;/*  border-width:0 1px 1px;  */letter-spacing:-0.5px;}
#lnb li ul{display:block;padding:5px 0;background:#eff4f9; border:1px solid #ddd; border-width:0 1px 1px}
#lnb li ul li{font-size:13px;border:0}
#lnb li ul li a{display:block;padding:2px 10px 2px 26px; background:url('/new/kor/img/common/lnb_s_dot.gif') no-repeat 16px center; font-weight:400; color:#666;  }
#lnb li ul li a.on{color:#245fa2;font-weight:500;background:url('/new/kor/img/common/lnb_s_dot_on.gif') no-repeat 16px center; letter-spacing:-0.6px;}
#lnb li ul li a:hover{color:#245fa2;font-weight:500;background:url('/new/kor/img/common/lnb_s_dot_on.gif') no-repeat 16px center}

#lnb li ul li ul{padding:8px 0; margin:7px 0; border:0; background:#eaedf1/* eaedf1 */;}
#lnb li ul li ul li{padding:1px 0;  color:#888;  }
#lnb li ul li ul li a{padding:1px 10px 1px 36px;background:url('/new/kor/img/common/lnb_s_dot2.gif') no-repeat 27px center}
#lnb li ul li ul li a.on{color:#222; font-weight:400; background:url('/new/kor/img/common/lnb_s_dot_on2.gif') no-repeat 27px center}
#lnb li ul li ul li a:hover{color:#222; font-weight:400; background:url('/new/kor/img/common/lnb_s_dot_on2.gif') no-repeat 27px center}
/* #lnb li a:hover{color:#245fa2;} */

/*
================================================================================
반응형 콘텐츠
================================================================================
*/

@media all and (min-width:1100px){
	header .head_box .topSearch {display:block !important;}
	.mb_gnb{display:none !important;}
	header .head_box .btn_home{display:none !important;}
	header .head_box .topGlob{display:block !important}

	/* pc버전일때 상단검색, 메뉴 숨김 */
	header.intro_head{background:none;border:0}
	header.intro_head .topSearch{display:none !important}
	header.intro_head .pc_gnb{display:none}
	header.intro_head .head_box .logo{padding-top:60px}
	header.intro_head .head_box .topGlob{top:69px}
	
	#subContainer aside h2 button{display:none !important}
	#subContainer aside nav{display:block !important}
}


 /* Tablet Device */
@media all and (max-width:1100px){
	#wrapper.wra_fix{position:fixed;top:0;left:0;height:auto;z-index:100}
	header .head_box{max-width:768px;min-height:75px;width:auto;background:#fff}
	header .head_box .logo{position:absolute;top:0;left:0;padding-top:20px;width:100%;height:100%;background:#fff;box-sizing:border-box;z-index:540}
	header .head_box .logo img{/* height:38px */ height:28px; padding:5px 0 0 0;  }


	/* ---- 상단 로그인 ---- */
	header .familyNav { background:#fbfbfb; width:100%; height:40px; border-bottom:solid 1px #f3f3f3; }
	header .familyNav .wrap { max-width:768px; margin:0 auto; position:relative; padding-top:10px; }
	header .utill { position:absolute; right:0; top:10px; z-index:4; }
	header .utill a { font-size:12px; color:#999; background:url('../img/common/loca_kan04.gif') 0 4px no-repeat; margin-left:10px; padding-left:10px;  }
	header .utill a:first-child { background:none; }

	/* ---- 인트로 상단 로그인 ---- */
	header .familyNav_intro { background:#fbfbfb; width:100%; height:40px; border-bottom:solid 1px #f3f3f3; }
	header .familyNav_intro .wrap { max-width:768px; margin:0 auto; position:relative; padding-top:10px; }
	header .utill_intro { position:absolute; right:0; top:10px; z-index:4; }
	header .utill_intro a { font-size:12px; color:#999; background:url('../img/common/loca_kan04.gif') 0 4px no-repeat; margin-left:10px; padding-left:10px;  }
	header .utill_intro a:first-child { background:none; }	


	
	header .head_box .btn_menu{display:block;position:absolute;top:15px;right:0;width:45px;z-index:550}
/* 	header .head_box .btn_menu{display:block;position:absolute;top:15px;right:50px;width:45px;z-index:550} */
	header .head_box .btn_menu a{display:block;height:40px;text-indent:-999px;overflow:hidden;}
	header .head_box .btn_menu a.btnopen{background:url('../img/common/btn_menu.gif') no-repeat center center;background-size:53%;border:1px solid #ccc;}
	header .head_box .btn_menu a.btnClose{display:none;background:#555 url('../img/common/btn_close.png') no-repeat center center;background-size:40%;border:1px solid #555}
	header .head_box .btn_search{display:block;position:absolute;top:15px;right:0;width:45px;z-index:550}
	header .head_box .btn_search a{display:block;height:45px;text-indent:-999px;overflow:hidden;}
	header .head_box .btn_search .btnSearch{background:#8b8b8b url('../img/common/btn_search.png') no-repeat center center;background-size:50%;}
	header .head_box .btn_search .btnClose{display:none;background:#555 url('../img/common/btn_close.png') no-repeat center center;background-size:40%;}
	header .head_box .topSearch {display:none;top:90px;left:0;margin-left:0;width:100%;padding:0 10px;box-sizing: border-box;}
	header .head_box .topSearch .searchBox{padding-top:12px;height:38px;}
	header .head_box .topSearch .searchBox .DivSelectyze .selectyzeValue{padding:14px 15px;}
	header .head_box .topSearch .searchBox .DivSelectyze .UlSelectize{top:50px;width:90px}
	header .head_box .topSearch .searchBox input[type="image"]{padding:12px 15px 12px 20px;}
	.topSearch_bg{position:fixed;top:75px;left:0;width:100%;height:85px;background:#fff;border-top:1px solid #afafaf;z-index:450}
	.fix_bg{position:fixed;top:116px;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:400}

	header .head_box .btn_home{display:none;position:absolute;top:85px;left:25px;width:38px;z-index:510}
	header .head_box .btn_home a{display:block;height:38px;text-indent:-999px;overflow:hidden;background:url('../img/common/btn_home.png') no-repeat center center}
	header .head_box .topGlob{display:none;top:95px;right:20px;z-index:510}
	header .head_box .topGlob .btn_lang{display:none}
	header .head_box .topGlob ul{display:block !important;background:none}
	header .head_box .topGlob ul:after{display:block;clear:both;content:''}
	header .head_box .topGlob ul li{float:left;font-size:18px}
	header .head_box .topGlob ul li a{padding:0 10px;color:#555;line-height:18px; font-weight:350}
	header .head_box .topGlob ul li:first-child{border-right:1px solid #c1c3c7}
	
	
	/* 테블릿, 모바일버전메뉴 */
	.mb_gnb{display:none;position:fixed;top:0;left:50%;margin:0 0 0 -384px;padding-top:176px;max-width:768px;height:100%;background:url('/new/kor/img/common/mb_gnb_bg.gif') repeat-x 0 75px;box-sizing:border-box;z-index:500}
	.mb_gnb a{display:block}
	.mb_gnb > ul{height:100%;overflow:auto;box-sizing:border-box}
	.mb_gnb > ul > li > a{padding:20px 30px;font-size:16px;color:#fff;background:#194478 url('/new/kor/img/common/mb_gnb_dot.gif') no-repeat right center;border-top:1px solid #123258}
	.mb_gnb > ul > li.open > a{background:#194478 url('/new/kor/img/common/mb_gnb_dot_on.gif') no-repeat right center;}
	.mb_gnb > ul > li > ul{display:none}
	.mb_gnb > ul > li > ul > li > a{padding:15px 30px;font-size:15px;color:#555;background:#fff url('../img/common/mb_gnb_s_dot.gif') no-repeat right center;border-top:1px solid #ddd}
	.mb_gnb > ul > li > ul > li.open > a{color:#fff;background:#5b88bf url('/new/kor/img/common/mb_gnb_s_dot_on.gif') no-repeat right center;border-top:1px solid #5b88bf}
	.mb_gnb > ul > li > ul > li > ul{display:none;padding:10px 0;background:#fafafa;}
	.mb_gnb > ul > li > ul > li > ul > li > a{padding:5px 0 5px 50px;font-size:14px;color:#000;background:url('/new/kor/img/common/gnb_s_dot.gif') no-repeat 38px center}

	.mb_gnb > ul > li > ul > li > ul > li > ul > li{padding:3px 0 5px 70px;font-size:14px; color:#555; background:url('/new/kor/img/common/lnb_s_dot2.gif') no-repeat 58px center}


	.intro_link {font-weight:400; color:#5b88bf !important;}


	.pc_gnb{display:none}
	.mb_gnb{display:none}
	
	#container{padding-top:116px}
	#container #content{max-width:760px}
	#subContainer{padding:116px 0 0;max-width:768px;width:auto}
	#subContainer aside{position:relative;float:none;width:100%; z-index:15}
	#subContainer aside h2{position:relative;height:55px;line-height:55px;font-size:17px}
	#subContainer aside h2 button{position:absolute;top:0;right:0;width:100%;height:55px; font-weight:500; color:#fff; text-indent:-999px;overflow:hidden;background: url("../img/common/mb_gnb_dot.gif") no-repeat scroll right center;z-index:2}
	#subContainer aside nav{display:none;position:absolute;top:55px;left:0;width:100%;background:#fff;z-index:10}
	#subContainer #content{float:none;padding:20px 0 30px 0;width:auto}
	#subContainer #content .location{top:20px}

		/* ---- 페이스북 트위터 아이콘  ---- */
	#subContainer #content .ico{position:absolute;top:85px;right:0;}
	#subContainer #content .ico li{float:left;padding:0 2px;font-size:11px;ne}

	h1.title{padding:60px 0 25px}
	
	footer .foot_wrap{max-width:768px;width:auto; }
	footer .foot_wrap .foot_menu li a{padding:0 20px}
	footer .foot_wrap .btn_family{right:0}
	footer .foot_wrap .family_view dd ul li div{min-height:250px}
	footer .foot_wrap .family_view dd ul li div ul li{float:none;width:auto}
}

 /* Mobile Device */
@media all and (max-width:800px){
	header .head_box{margin:0;padding:0 10px;width:auto;background:#fff}
	header .head_box .logo{padding-left:10px}
	header .head_box .btn_menu{right:10px/* right:60px */}
	header .head_box .btn_search{right:10px}



	/* ---- 상단 로그인 ---- */
	header .familyNav { background:#fbfbfb; width:100%; height:40px; border-bottom:solid 1px #f3f3f3;}
	header .familyNav .wrap { max-width:100%; margin:0 auto; position:relative; padding-top:10px; }
	header .utill { position:absolute; right:10px; top:10px; z-index:4; }
	header .utill a { font-size:12px; color:#999; background:url('../img/common/loca_kan04.gif') 0 4px no-repeat; margin-left:10px; padding-left:10px;  }
	header .utill a:first-child { background:none; }
	


	/* ---- 인트로 상단 로그인 ---- */
	header .familyNav_intro { background:#fbfbfb; width:100%; height:40px; border-bottom:solid 1px #f3f3f3;}
	header .familyNav_intro .wrap { max-width:100%; margin:0 auto; position:relative; padding-top:10px; }
	header .utill_intro { position:absolute; right:10px; top:10px; z-index:4; }
	header .utill_intro a { font-size:12px; color:#999; background:url('../img/common/loca_kan04.gif') 0 4px no-repeat; margin-left:10px; padding-left:10px;  }
	header .utill_intro a:first-child { background:none; }
	
	
	#container #content{margin:0 10px}
	#subContainer{width:auto}
	#subContainer #content{margin:0 20px}
	h1.title{font-size:30px}

	footer{padding:0 20px}
	footer .foot_wrap{margin:0;width:auto}
	
	footer .foot_wrap .btn_top{top:80px;}
	footer .foot_wrap .add_infor{padding:30px 0}
	
}

@media all and (max-width:750px){
	header .head_box{}
	.mb_gnb{left:0;margin:0;max-width:100%;}
	
	#container #content{padding-top:15px}
	#subContainer #content{margin:0 10px}
	h1.title{padding-bottom:8px; font-size:26px; padding:100px 0 0 0;}
	
	/* ---- 페이스북 트위터 아이콘  ---- */
	#subContainer #content .ico{position:absolute;top:80px;right:0;}
	#subContainer #content .ico li{float:left;padding:0 2px;font-size:11px;}


	h1.title{padding-bottom:15px; font-size:26px; margin-bottom:25px;}

	footer{padding:0 10px}
	footer .foot_wrap .foot_menu{display:none}
	footer .foot_wrap .btn_family{position:relative;width:100%;text-align:center;border:0}
	footer .foot_wrap .btn_family a{padding:20px 40px 0 0;background-position:70% center}
	footer .foot_wrap .family_view{bottom:195px}
	footer .foot_wrap .family_view dd > ul{height:330px;overflow:auto}
	footer .foot_wrap .family_view dd > ul > li{float:none;width:auto;text-align:left}
	footer .foot_wrap .family_view dd ul li div{padding:20px 20px 10px;min-height:20px;border:0}
	footer .foot_wrap .family_view dd ul li div ul li{float:none; width:90%}
}