@charset "utf-8";

/* 
 * Layout CSS Document
 * IEETU Web Standardization Team 
 * 2016-06-30 
 */

body {-webkit-text-size-adjust:none;}

/* Layout */

.bx-controls a,
#header .srch_area .form_group .btn_srch:before,
#header .header_t .lst_guide li.facebook a,
#header .header_t .lst_guide li.twitter a,
#header .header_t .lst_guide li.blog a,
#header .header_t .lst_guide li.sinablog a,
#header .header_t .lst_guide li.weibo a,
.article_area .more a,
#side .snb a .unfd,
#side .snb>li>a:after,
#footer .viewer .download a{display:inline-block; overflow: hidden; background: url(../images/common/sp_comm.png) no-repeat 0 0; text-indent: -9999em; vertical-align:top;} 

/* Header */
#header {position:relative; z-index:30; background:#d3343d;}
#header .inr{position:relative; max-width:1900px; height:90px; margin:0 auto;}
#header .logo{position:absolute; top:20px; left:50px;}
#header .logo a{display:block; overflow:hidden; width:272px; height:44px; background:url(../images/2023/common/logo_header.png) no-repeat 0 0/cover; color:transparent;}
#header .lst_guide{display:flex; align-items:center; position:absolute; top:50%; right:50px; transform:translateY(-50%);}
#header .lang_area{position:relative;}
#header .lang_area button{position:relative; height:40px; padding:0 17px 0 24px; background:transparent; font-size:16px; color:#fff;}
#header .lang_area button:before{content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:20px; height:20px; background:url(../images/2023/common/ico_lang.png) no-repeat 0 0/cover;}
#header .lang_area button:after{content:''; display:block; position:absolute; top:50%; right:0; width:10px; height:6px; margin-top:-3px; background:url(../images/2023/common/ico_lang_slt.png) no-repeat 0 0/cover;}
#header .lang_area.on button:after{transform:scaleY(-1);}
#header .lang_area .lst{display:none; position:absolute; top:100%; left:0; z-index:30; width:100%; border:1px solid #ccc; background:#fff;}
#header .lang_area.on .lst{display:block;}
#header .lang_area .lst ul li a{display:block; padding:3px 10px; font-size:13px; line-height:1.5;}
#header .sitemap{display:block; position:relative; width:40px; height:40px; overflow:hidden; margin-left:24px; color:transparent;}
#header .sitemap:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:26px; height:20px; margin:auto; background:url(../images/2023/common/ico_sitemap.png) no-repeat 0 0/cover;}

#header .gnb_wrap{display:flex; justify-content:center;}
#header #gnb{display:flex; justify-content:center;}
#header #gnb > li{position:relative;}
#header #gnb > li > a{display:flex; align-items:center; position:relative; height:90px; padding:0 30px; font-weight:600; font-size:18px; color:#fff;}
#header #gnb > li.open > a:after{content:''; display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:0; height:0; border:10px solid transparent; border-top:0; border-bottom-color:#23395f;}
/* 2차 */
#header #gnb > li > div{display:none; visibility:hidden; position:absolute; top:90px; left:50%; z-index:31; overflow:hidden; width:272px; background:#fff; transform:translateX(-50%);}
#header #gnb > li.open > div{display:block; visibility:visible; z-index:32;}
#header #gnb > li > div > ul{border:1px solid #23395f;}
#header #gnb > li > div > ul > li{position:relative; border-top:1px solid #fff;}
#header #gnb > li > div > ul > li:first-child{border-top:0;}
#header #gnb > li > div > ul > li > a{display:block; position:relative; padding:12px 30px 11px 28px; background:#23395f; font-weight:600; font-size:16px; line-height:1.2; color:#fff;}
#header #gnb > li > div > ul > li > a.parent:after{content:''; display:inline-block; position:absolute; top:50%; right:20px; width:9px; height:6px; background:url(../images/2023/common/bu_gnb_depth2.png) no-repeat 0 0; transform:translateY(-50%);}
#header #gnb > li > div > ul > li a[target="_blank"]:after{content:''; width:16px; height:16px; margin:0 0 0 5px; background:url(../images/2023/common/ico_blank.png) no-repeat 0 0;}
#header #gnb > li > div > ul > li > a[target="_blank"]:after{background-image:url(../images/2023/common/ico_blank_w.png);}
/* 3차 */
#header #gnb > li > div > ul > li > ul{padding:12px 0;}
#header #gnb > li > div > ul > li > ul > li{position:relative;}
#header #gnb > li > div > ul > li > ul > li > a{display:block; position:relative; padding:7px 30px 7px 40px; font-size:14px;}
#header #gnb > li > div > ul > li > ul > li > a:before{content:''; display:inline-block; position:absolute; top:50%; left:30px; width:0; height:0; margin-top:-2px; border:3px solid transparent; border-right:0; border-left-color:#ccc;}
#header #gnb > li > div > ul > li > ul > li.active > a{font-weight:600; color:#23395f; text-decoration:underline;}
/* 4차 */
#header #gnb > li > div > ul > li > ul > li > ul{display:none;}
/* gnb 배경 */
#header .gnb_wrap .gnb_bg{display:none;}
/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}

/* Container Inr */
#container>.inr{max-width:1280px; margin:0 auto; padding:0 0 70px;}
#container>.inr:after{content: ''; display: block; clear: both;}
/* location */
.location_area{position:relative; min-height:36px; background:#f5f5f5;}
.location_area > .inr{position:relative; max-width:1280px; margin:0 auto; padding:24px 0;}
.location_area .location{display:flex; flex-wrap:wrap; align-items:center; margin-right:340px;}
.location_area .location>li{display:flex; align-items:center; position:relative; padding:0 4px; font-size:16px; line-height:1.4;}
.location_area .location>li:last-child{font-weight:600;}
.location_area .location>li:first-child{padding-left:0; text-indent:-999em;}
.location_area .location>li:before{content:''; flex:0 0 auto; width:8px; height:7px; margin:2px 8px 0 0; background:url(../images/2023/common/bg_loc.png) no-repeat 0 0;}
.location_area .location>li:first-child:before{width:18px; height:15px; margin:0; background:url(../images/2023/common/bg_loc_home.png) no-repeat 0 0;}
/* 검색 */
.location_area .srch_area{position:absolute; top:50%; right:0; transform:translateY(-50%);}
.location_area .srch_area .inr{display:flex; align-items:center;}
.location_area .srch_area .inp_word{width:245px; height:30px; padding:0; border:0; border-bottom:1px solid #2f3732; border-radius:0; background:transparent;}
.location_area .srch_area .btn_srch{display:flex; align-items:center; border:0; background:none; font-weight:600; font-size:18px;}
.location_area .srch_area .btn_srch:before{content:''; display:block; width:18px; height:18px; margin:2px 6px 0 7px; background:url(../images/2023/common/ico_srch.png) no-repeat 0 0;}


/* side */
#side{float:left; width:240px;}
#side .snb{margin:10px 0px;}
#side .snb_tit{box-sizing:border-box; min-height:120px; padding:70px 0 20px 10px; border-bottom:1px solid #333; font-size:1.857em; letter-spacing: -1px; text-align:left;color: #111;font-weight:600;background: transparent;margin: 0;height: auto; white-space:normal;}
#side .snb_tit:before{display:none;}
#side .snb a{display:block; position:relative;  padding:0 0 0 6px; font-size:1.143em; line-height:1.3;}
#side .snb a.on{font-weight:600;}
#side .snb a .blank {display:inline-block; position:absolute; top:50%; right:10px; overflow:hidden; width:14px; height:14px; margin-top:-7px; vertical-align:middle; line-height:999px;}
#side .snb li ul{display: none;}
#side .snb li.open>ul{display: block;}
/* 2뎁스 */
#side .snb>li{}
#side .snb>li>a{padding:12px 15px;  line-height:1.3; color:#555;border:0px;border-radius:0;color:#555;}
#side .snb>li>a.on{font-weight: 600 !important;background:transparent;color:#1166ab;}
#side .snb>li>a .unfd{position:absolute; top:50%; right:10px; z-index: 10; width:12px; height:8px; margin-top: -4px; background-position: 0 -200px;}
#side .snb>li>a.on .unfd{background-position: -12px -200px;}
/* 3뎁스 */
#side .snb>li>ul{ background:#fbfbfb;}
#side .snb>li>ul>li{}
#side .snb>li>ul>li>a{position:relative; padding:10px 15px 10px 35px; font-size:1.071em; color:#666;}
#side .snb>li>ul>li>a:before{content: ''; display: inline-block; position: absolute; top:22px; left: 18px; width:5px; height:5px; margin-top:-3px; background:#bebebe;  }
#side .snb>li>ul>li>a:hover,
#side .snb>li>ul>li>a:focus,
#side .snb>li>ul>li>a.on{color: #1166ab;}
#side .snb>li>ul>li>a.on:before{background: #1166ab;}
#side .snb>li>ul>li>a.on:after{display:none;}
/* 4뎁스 */
#side .snb>li>ul>li>ul{margin:0 0 10px;}
#side .snb>li>ul>li>ul>li>a{padding:5px 30px 5px 50px; font-size:0.93em; color:#666;}
#side .snb>li>ul>li>ul>li>a:before{content: ''; display: inline-block; position: absolute; top:50%; left: 38px; width: 5px; height: 1px; margin-top: -1px; background-color: #222;}
#side .snb>li>ul>li>ul>li>a:hover,
#side .snb>li>ul>li>ul>li>a:focus,
#side .snb>li>ul>li>ul>li>a.on{color:#222;}
#side .snb>li>ul>li>ul>li>a.on:before{background-color: #222;}

/* Cont_wrap */
.cont_wrap{position:relative;background: #fff;}

/* Cont_head */
.cont_head{position:relative;}
.cont_head .title{min-height: 60px; padding: 60px 0 5px; font-size: 2.571em; line-height: 1.2; letter-spacing:-1px; color:#233a60;}
/*.cont_head .util_area{position:absolute; top:100px; right: 0px;}
.cont_head .util_area>*{float:left; width: 29px; height: 27px; margin-left: 3px;}
.cont_head .util_area .btn_zin{background-position: 0 -60px;}
.cont_head .util_area .btn_zout{background-position: -36px -60px;}
.cont_head .util_area .btn_print{background-position: -73px -60px;}
.cont_head .util_area .btn_facebook{background-position: -109px -60px;}
.cont_head .util_area .btn_twitter{background-position: -147px -60px;}
*/

/** Cont Body **/
.cont_body{line-height:1.6; margin:0 0 30px;}
.cont_top{position:absolute; bottom:0; right:0;}

/** 무료전화 **/
.tel{padding:0 0 0 27px !important; background:url(../images/common/cont_tel01.jpg) no-repeat 7px 13px;}
.tel .b_bold{font-weight:bold; color:#0058bc;}
.tel a{font-weight:900; color:#0058bc;font-size:1.3em;}

.tel_s{padding:0 0 0 27px !important; background:url(../images/common/cont_tel01.jpg) no-repeat 7px 0;}
.tel_s .b_bold{font-weight:bold; color:#0058bc;}
.tel_s a{color:#0058bc;}
p.tar .b_bold{font-weight:bold; color:#0058bc;}

.tel_copy{padding:0 0 0 27px !important; background:url(../images/common/cont_tel01.jpg) no-repeat 7px 0;}
.tel_copy .b_bold{font-weight:bold; color:#0058bc;}
.tel_copy a{color:#0058bc;font-weight:bold;font-size:1.1em; }


/*** Footer ***/
#footer{position:relative; background:#2f3732;}
/* Footer */
#footer .inr{display:flex; justify-content:space-between; align-items:flex-start; position:relative; max-width:1280px; margin:0 auto; padding:40px 0; color:#fff;}
#footer .copyright{font-size:16px; line-height:1.6;}
#footer .address .office{color:#1877f2;}
#footer .copy_tel span + span{margin-left:10px;}
#footer .copy{margin-top:5px; font-size:15px; color:#777;}
#footer .sns_area{display:flex; align-items:center;}
#footer .sns_area h3{font-weight:400; font-size:16px; color:#999;}
#footer .sns_area h3 em{color:#fff;}
#footer .sns_area ul{display:flex; align-items:center;}
#footer .sns_area ul li{margin-left:15px;}
#footer .sns_area ul li a{display:block; overflow:hidden; width:56px; height:56px; color:transparent; background:url(../images/2023/common/ico_sns_facebook.png) no-repeat 0 0/contain;}
#footer .sns_area ul li.instagram a{background-image:url(../images/2023/common/ico_sns_instagram.png);}
#footer .top{position:absolute; right:0; bottom:0;}

@media screen and (max-width:1700px){
	/*	header	*/
	#header .lst_guide{right:120px;}
	#header .lst_guide > li:last-child{display:none;}
	#header .gnb_wrap{display:none;}
	/* 모바일 전체메뉴 */
	body.open_wv{overflow:hidden; position:fixed !important; width:100%; height:100%;}
	.wholeview_wrap{display:block;}
	.wholeview_wrap .btn_wv.open{position:absolute; top:50%; right:50px; z-index:2; transform:translateY(-50%); overflow:hidden; width:40px; height:40px; background:none; color:transparent;}
	.wholeview_wrap .btn_wv.open:after{content:''; position:absolute; top:0; left:0; bottom:0; right:0; width:26px; height:20px; margin:auto; background:url(../images/2023/common/ico_sitemap.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview{position:fixed; top:0; left:0; bottom:0; z-index:1000; overflow:auto; width:90%; max-width:420px; min-width:280px; background:#fff;  margin-left:-48px;
	transition:all 0.3s; transform:translate(-100%, 0);}
	.wholeview_wrap.open #wholeview{margin-left:0; transform:translate(0, 0);}
	.wholeview_wrap .dim_wv{position:fixed; top:0; left:0; z-index:999; width:100%; background:transparent; transition:height, background .5s;}
	.wholeview_wrap.open .dim_wv{bottom:0; background:rgba(0,0,0,0.8);}
	.wholeview_wrap .title_wv {display:none;}
	.wholeview_wrap .name {position:absolute; left:0; top:0; z-index:10; padding-left:10px; font-size:14px; line-height:33px;}
	.wholeview_wrap .name strong {color:#004bb8;}
	#wholeview .w_close_btn{display:block; position:relative; text-align:right; background:#f1f1f1; width:100%; height:35px; line-height:35px; padding:0 29px 0 0; font-size:15px;}
	#wholeview .w_close_btn:after{content:''; display:block; position:absolute; top:0; bottom:0; right:8px; width:13px; height:13px; margin:auto; background-position:-40px -58px;}
	/* 모바일 전체메뉴 head */
	#wholeview .head{position:relative;}
	#wholeview .head h2{position:relative; height:50px; line-height:50px; padding:0 15px; background:#d3343d; font-size:23px; color:#fff;}
	#wholeview .head .btn_wv.close{position:absolute; top:0; right:0; width:50px; height:50px; overflow:hidden; background:none; color:transparent;}
	#wholeview .head .btn_wv.close:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:24px; height:24px; margin:auto; background:url(../images/2023/common/ico_wv_close.png) no-repeat 0 0/cover}
	#wholeview .head .home_area{padding:0 15px;}
	#wholeview .head .home_area a{display:flex; justify-content:space-between; align-items:center; height:60px; font-size:16px;}
	#wholeview .head .home_area a:after{content:''; width:23px; height:20px; background:url(../images/2023/common/ico_wv_home.png) no-repeat 0 0/cover;}
	/* 모바일 전체메뉴 gnb */
	.wholeview_wrap #wholeview .nav{margin:0 15px;}
	.wholeview_wrap #wholeview .nav a{display:block; position:relative; line-height:1.2;}
	.wholeview_wrap #wholeview .nav a .unfd{position:absolute; top:50%; right:13px; transform:translateY(-50%); width:0; height:0; color:transparent;}
	.wholeview_wrap #wholeview .nav a .unfd:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0;}
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after{content:''; width:16px; height:14px;}
	/* 1차 */
	.wholeview_wrap #wholeview .nav>li{margin:8px 0;}
	.wholeview_wrap #wholeview .nav>li>a{padding:10px 30px 10px 12px; border:1px solid #23395f; font-weight:600; font-size:16px; color:#233a60; letter-spacing:-1px;}
	.wholeview_wrap #wholeview .nav>li>a.on{background:#23395f; color:#fff;}
	.wholeview_wrap #wholeview .nav>li>a .unfd{width:13px; height:13px;}
	.wholeview_wrap #wholeview .nav>li>a .unfd:after{background:url(../images/2023/common/bu_wv_depth1_fd.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview .nav>li.open>a .unfd{height:2px;}
	.wholeview_wrap #wholeview .nav>li.open>a .unfd:after{background-image:url(../images/2023/common/bu_wv_depth1_unfd.png);}
	/* 2차 */
	.wholeview_wrap #wholeview .nav>li>div{display:none;}
	.wholeview_wrap #wholeview .nav>li.open div{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li{border-bottom:1px solid #dcdcdc;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a{padding:10px 30px 10px 20px; font-weight:600; font-size:16px; color:#222;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a.on{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd{width:13px; height:8px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd:after{background:url(../images/2023/common/bu_wv_depth2.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a .unfd{transform:scaleY(-1);}
	/* 3차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul{display:none; border-top:1px solid #dcdcdc; background:#fafafa;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li{border-bottom:1px solid #dcdcdc;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a{padding:10px 30px 10px 39px; font-size:14px; color:#222;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a.on{font-weight:600; color:#1166ab;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a:before{content:''; display:inline-block; position:absolute; top:17px; left:29px; width:4px; height:4px; background:#bdbdbd;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a .unfd{width:13px; height:8px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a .unfd:after{background:url(../images/2023/common/bu_wv_depth2.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li.open>a .unfd{transform:scaleY(-1);}
	/* 4차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul{padding:0 0 10px 39px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a{padding:8px 0 7px 0; font-size:14px; color:#666;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a.on{font-weight:600; color:#1e6cb4;}
}

@media screen and (max-width:1279px){
	#header .logo{left:15px;}
	#header .lst_guide{right:70px;}
	.wholeview_wrap .btn_wv.open{right:15px;}
	.location_area{padding:0 15px;}
	#container>.inr{padding:0 15px;}

	#footer .inr{margin:0 15px;}
}

@media screen and (max-width:1023px){
	#header .inr{height:50px;}
	#header .logo{top:50%; transform:translateY(-50%);}
	#header .logo a{width:164px; height:27px; background-image:url(../images/2023/common/logo_header_m.png);}
	#header .lst_guide{right:60px;}
	#header .lang_area button{padding:0 15px 0 26px; font-size:13px;}
	#header .lang_area button:before{width:23px; height:23px; background-image:url(../images/2023/common/ico_lang_m.png);}
	#header .lang_area button:after{width:9px; height:5px; background-image:url(../images/2023/common/ico_lang_slt_m.png);}
	.wholeview_wrap .btn_wv.open:after{width:25px; height:19px; background-image:url(../images/2023/common/ico_wv.png);}

	/* footer */
	#footer .inr{display:block; padding:25px 0;}
	#footer .top{display:none;}
	#footer .copyright{font-size:13px;}
	#footer .copy{font-size:13px;}
	#footer .sns_area{justify-content:center; margin-top:25px;}
	#footer .sns_area h3{font-size:14px;}
	#footer .sns_area ul li a{width:42px; height:42px; background-image:url(../images/2023/common/ico_sns_facebook_m.png);}
	#footer .sns_area ul li.instagram a{background-image:url(../images/2023/common/ico_sns_instagram_m.png);}
	
	/* side */
	#side{display:none;}
	.cont_wrap{width:auto; float:none;}
	.location_area{background:#f0f0f0;}
	.location_area .location{float:none;}

	/* content */
	.location_area .location>li{font-size:13px;}
	.cont_head .title{padding:30px 0 10px;}
	.cont_body{padding:0;}

	/* tab */
	.tmn02 ul>li{width:calc(50% - 6px) !important;}
}

@media screen and (max-width:767px){

	.location_area > .inr{padding:15px 0;}
	.location_area .location{margin-right:0;}
	.location_area .srch_area{position:relative; top:auto; right:auto; transform:none; margin:10px 0 0;}
	.location_area .srch_area .inr{justify-content:center;}

}

@media screen and (max-width:639px){
	
	/* tab */
	.tmn02 ul>li{width:100% !important;}
}

@media screen and (max-width:440px){
	
}