@charset "utf-8";

body,input,select,button,textarea,a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video{font-weight:400;font-family:"Noto Sans CJK KR", "Noto Sans KR", 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;letter-spacing: -0.05em;}

/* common */
html{height:100%;}
html,body{overflow-x:hidden;}
body.fixed{position:fixed;}
body:before{
	opacity:0; content:""; display:block; position:fixed; left:0; top:0; z-index:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);
	transition:opacity 0s ease;
	-webkit-transition:opacity 0s ease;
}
body .mo {display: block;}
@media (min-width: 1024px){
	body .mo {display: none;}
}
body .layout{max-width:1100px;}
body header .utile_wrap>ul>li a{font-family:"Noto Sans KR"; }

body header#top_layout{
	position:absolute; left:0; top:0; height:70px; background-color:transparent;
}
body header#top_layout:before{
	content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:0;
	background: #1cb9bc;
	background: -webkit-linear-gradient(to left, #1cb9bc 12%, #1c92eb 35%);
	background: linear-gradient(to left, #1cb9bc 12%, #1c92eb 35%);
	transition:height 0.3s ease 0.3s;
	-webkit-transition:height 0.3s ease 0.3s;
}
body header#top_layout>.layout{
	position:absolute; right:0; bottom:0; z-index:30; width:100%; max-width:100%;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
body header#top_layout>.layout:before{
	overflow:hidden; content:""; display:block; position:absolute; right:30px; top:-70px; z-index:20; width:24px; height:0; background:url(/images/center/layout/top_search_ani.png) no-repeat center top;
	transition:height 0.3s ease 0s;
	-webkit-transition:height 0.3s ease 0s;
}

body header#top_layout #logo{
	position:absolute; left:1%; top:auto; bottom:13px; z-index:100; width:248px; height:45px;
	transition:left 0.3s linear 0.3s;
	-webkit-transition:left 0.3s linear 0.3s;
}
body header#top_layout #logo:before{content:""; display:block; width:100%; height:100%; background:url(/images/center/layout/logo.png) no-repeat left center;}
body header#top_layout #logo .ir-tmpl{overflow:hidden; display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-1000px; background:none;}
body header#top_layout #logo span{white-space:nowrap; position:absolute; left:100%; top:0; line-height:45px; font-family:"Noto Sans KR";  font-size:16px; color:#0088cf;}

body header#top_layout .utile_wrap{
	position:absolute; bottom:auto; right:0; top:auto; bottom:30px; z-index:30; height:40px; padding-top:15px; font-size:16px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body header#top_layout .utile_wrap>ul{float:right; height:40px; padding-right:40px;}
body header#top_layout .utile_wrap>ul:after{content:""; display:block; clear:both;}
body header#top_layout .utile_wrap>ul>li{float:left; position:relative; padding:0 18px; margin-left:0;}
body header#top_layout .utile_wrap>ul>li:not(:first-child):before{content:""; display:block; position:absolute; left:0; top:14px; width:1px; height:15px; background-color:#d1d1d1;}
body#sub header#top_layout .utile_wrap>ul>li:not(:first-child):before{display:none;}
body header#top_layout .utile_wrap>ul>li>a{display:block; line-height:40px; font-size:14px; color:#959797;}
body header#top_layout .utile_wrap>ul>li .select{width:75px;}
body header#top_layout .utile_wrap>ul>li .select strong a{display:block; position:relative; line-height:40px; font-size:14px; color:#959797;}
body header#top_layout .utile_wrap>ul>li .select strong a:after{
	content:""; display:block; position:absolute; right:0; top:50%; width:11px; height:7px; margin-top:-3px; background:url(/images/center/layout/select_arrow_gray.png) no-repeat right center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body header#top_layout .utile_wrap>ul>li .select.on strong a:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
body header#top_layout .utile_wrap>ul>li .select ul{
	display:none; position:absolute; left:0; top:40px; z-index:300; min-width:100%; height:auto; padding:5px 15px; border:1px solid #d0d0d0; background-color:#fff;
	border-radius:0 5px 0 5px;
	-webkit-border-radius:0 5px 0 5px;
	box-shadow:0 7px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 7px 7px rgba(0,0,0,0.2);
	transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
}
body#main header#top_layout .utile_wrap>ul>li .select ul{top:48px;}
body header#top_layout .utile_wrap>ul>li .select.on>ul{display:block;}
body header#top_layout .utile_wrap>ul>li .select ul li{float:none; display:none; height:auto; margin-left:0; font-size:15px; color:#858c94;}
body header#top_layout .utile_wrap>ul>li .select.on>ul li{display:block;}
body header#top_layout .utile_wrap>ul>li .select ul li a{
	display:block; position:relative; line-height:16px; padding:13px 20px 13px 3px; text-align:left; font-family:"Noto Sans KR"; font-weight:400; font-size:15px; color:#858c94;
	white-space:nowrap;
}
body header#top_layout .utile_wrap>ul>li .select ul li a:before{
	opacity:0; content:""; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#1c92eb;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
body header#top_layout .utile_wrap>ul>li .select ul li a:after{
	opacity:0; content:""; display:block; position:absolute; right:0; top:20px; width:9px; height:7px; background:url(/images/center/layout/navi_arrow2_blue.png) no-repeat center center;
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
}
body header#top_layout .utile_wrap>ul>li .select ul li.on a,
body header#top_layout .utile_wrap>ul>li .select ul li a:hover{color:#1c92eb;}
body header#top_layout .utile_wrap>ul>li .select ul li.on a:before,
body header#top_layout .utile_wrap>ul>li .select ul li a:hover:before{opacity:1; width:100%;}
body header#top_layout .utile_wrap>ul>li .select ul li.on a:after,
body header#top_layout .utile_wrap>ul>li .select ul li a:hover:after{opacity:1;}




body header#top_layout .utile_wrap>ul>li.btn_sitemap a{overflow:hidden; display:block; width:15px; height:40px; text-indent:-1000px; background:url(/images/home/layout/icon_sitemap_fixed.png) no-repeat center center;}
body header#top_layout .utile_wrap>ul>li.mo{position:absolute; right:45px; bottom:-53px; width:37px; height:37px; padding:0;}
body header#top_layout .utile_wrap>ul>li.mo:before{display:none;}
body header#top_layout .utile_wrap>ul>li.mo .btn-allmenu{display:block; width:100%; height:100%; background:url(/images/center/layout/btn-allmenu_icon.png) no-repeat center center;}

body header#top_layout .utile_wrap>ul>li.btn_search{
	position:absolute; right:10px; top:16px; z-index:200; width:37px; height:37px; padding:0;
}
body header#top_layout .utile_wrap>ul>li.btn_search:before{display:none;}
body header#top_layout .utile_wrap>ul>li.btn_search>a{width:100%; height:100%; background:url(/images/home/layout/icon_search.png) no-repeat center center;}
body header#top_layout .utile_wrap>ul>li.btn_search>a span{overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:0; text-indent:-1000px;}

body header#top_layout .utile_wrap>ul>li.btn_search .searchbox{
	display:none; position:fixed; left:50%; top:0; z-index:0; width:540px; height:55px; padding-right:55px; margin-left:-270px; background-color:#127ac7;
	border-radius:27px;
	-webkit-border-radius:27px;
}
body header#top_layout .utile_wrap>ul>li.btn_search .searchbox fieldset{height:100%;}
body header#top_layout .utile_wrap>ul>li.btn_search .searchbox input[type="text"]{width:100%;height:100%;padding:0 30px;font-family:"Noto Sans KR";font-weight:400;font-size:18px;color:#fff;background-color:transparent;height: 55px;}
body header#top_layout .utile_wrap>ul>li.btn_search .searchbox input[type="text"]::placeholder{color:#fff;}
body header#top_layout .utile_wrap>ul>li.btn_search .searchbox input[type="submit"]{overflow:hidden; display:block; position:absolute; right:0; top:0; width:55px; height:55px; text-indent:-1000px; background:url(/images/center/layout/btn_top_search.png) no-repeat center center;}
body header#top_layout .btn_search_close{display:none; position:absolute; right:13px; top:1px; z-index:200;}
body header#top_layout .btn_search_close a{overflow:hidden; position:relative; z-index:2; display:block; width:37px; height:37px; text-indent:-1000px; background:url(/images/center/layout/icon_search_open.png) no-repeat center center;}
@media screen and (max-width: 600px){
	body header#top_layout .utile_wrap>ul>li.btn_search .searchbox{left:0; width:100%; margin-left:0;}
}

body header#top_layout #gnb_layout{overflow:visible; position:absolute; left:0; bottom:0; z-index:10; width:100%; height:70px; border-bottom:1px solid #eaeaea; background-color:#fff;}
body header#top_layout #gnb_layout:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:0; background-color:#fff;}
body header#top_layout #gnb_layout:after{display:none;}
body header#top_layout #gnb_layout .layout{width:100%; max-width:100%; padding:0; text-align:center;}
body header#top_layout #gnb_layout #gnb{top:0; height:70px;}
body header#top_layout #gnb_layout .line{display:none;}
body header#top_layout #gnb_layout .depth1_ul{float:none;}
body header#top_layout #gnb_layout .depth1_ul>li{width:auto;}
body header#top_layout #gnb_layout .depth1_ul>li>a{
	white-space:nowrap; display:block; position:relative; line-height:70px; padding:0 15px;  font-size:18px; color:#596068;
	transition:color 0.3s ease;
	-webkit-transition:color 0.3s ease;
}
body header#top_layout #gnb_layout .depth1_ul>li>a:after{
	content:""; display:block; position:absolute; left:50%; bottom:0; width:0; height:3px; background-color:#1c92eb;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body header#top_layout #gnb_layout .depth1_ul>li:hover>a{color:#0054a6;}
body header#top_layout #gnb_layout .depth1_ul>li:hover>a:after{left:0; width:100%;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul{
	display:none; opacity:1; text-align:left;
	transform:translateX(0);
	-webkit-transform:translateX(0);
}
body header#top_layout #gnb_layout .depth1_ul>li>a span{font-family:"Noto Sans KR"; font-weight:400; font-size:16px; color:#394149;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul>li>.depth3_ul{display:block;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul{display:none; position:absolute; left:50%; top:70px; width:100%; height:auto; max-width:1290px; margin-left:-645px; padding:25px 0;}
body header#top_layout #gnb_layout .depth1_ul>li.open .depth2_ul{display:block;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul:before{
	content:""; display:block; position:absolute; left:50%; top:0; z-index:-1; width:400%; height:0; margin-left:-200%; background-color:#fff;
	transition:height 0.3s ease;
}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul:before{height:100%;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul:after{content:""; clear:both; display:block; position:absolute; left:50%; top:0; z-index:0; width:338px; height:308px; margin-left:-850px; background:#fff url(/images/center/layout/depth2_ul_simbol.png) no-repeat center center;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .rows{overflow:hidden; width:100%; height:100%; min-height:340px;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .rows:before{content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:1px; height:100%; background-color:#eaeaea;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .cols{float:left; position:relative; z-index:10; width:25%; padding:0 20px;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .cols:after{content:""; display:block; position:absolute; right:0; top:0; width:1px; height:2000px; background-color:#eaeaea;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .cols>div:not(:first-child){margin-top:20px;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a span{display:block; line-height:22px; padding-bottom:4px; font-family:"Noto Sans KR"; font-weight:400; font-size:17px; color:#33373b;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .depth3_ul{}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .depth3_ul li{width:auto; padding-left:0;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .depth3_ul a span{display:block; position:relative; z-index:2; line-height:18px; padding:5px 0; font-family:"Noto Sans KR";  font-size:14px; color:#6d6d6d;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a span{position:relative; z-index:1;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a{position:relative; display:block;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a:before,
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a:after{content:""; display:block;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a:before{
	position:absolute; left:0; bottom:0px; z-index:0; width:100%; height:0; background-color:#e8f4fd;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a:after{
	opacity:0; position:absolute; right:10px; top:6px; z-index:3; width:11px; height:13px; background:url(/images/center/layout/depth3_ul_bul.png) no-repeat center center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a:hover:after{opacity:1; display:block; right:0; background:url(/images/center/layout/depth3_ul_bul)on.png) no-repeat center center}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a:hover:before{height:30%;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a[target="_blank"]:after{opacity:1; display:block; right:0; top:6px; width:11px; height:13px; background:url(/images/center/layout/depth3_ul_bul_blank.png) no-repeat center center;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul a[target="_blank"]:hover:after{background:url(/images/center/layout/depth3_ul_bul_blank_on.png) no-repeat center center;}

body header#top_layout #gnb_layout .depth1_ul>li .depth3_ul a:after{top:9px;}

body header#top_layout .lbox{display:none; position:absolute; left:50%; top:71px; z-index:10; padding-top:40px; margin-left:-625px; text-align:left;}
body header#top_layout .lbox .tis strong{display:block; padding-bottom:45px;}
body header#top_layout .lbox .tis strong span{display:inline-block; position:relative; line-height:40px; font-family:"jm";  font-size:35px; color:#464c52;}
body header#top_layout .lbox .tis strong span:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000;}
body header#top_layout .lbox .tis strong span.color_1{color:#0c7cd0;}
body header#top_layout .lbox .tis strong span.color_1:after{background-color:#0c7cd0;}
body header#top_layout .lbox .tes ul{display:none !important; width:190px; margin-bottom:40px !important;}
body header#top_layout .lbox .tes ul li{margin:4px 0;}
body header#top_layout .lbox .tes a.btns{
	display:block; position:relative; width:100%; height:42px; line-height:40px; padding:0 35px 0 19px; font-family:"Noto Sans KR"; font-size:14px; border:1px solid #ddd; color:#596068;
	border-radius:0 5px 0 5px;
	-webkit-border-radius:0 5px 0 5px;
	transition:background 0.3s ease;
	-webkit-transition:background 0.3s ease;
}
body header#top_layout .lbox .tes a.btns:after{
	content:""; display:block; position:absolute; right:18px; top:0; width:6px; height:100%; background:url(/images/center/layout/gnb_simbol_1.png) no-repeat center center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body header#top_layout .lbox .tes a.btns:hover{
	color:#fff; background: #1c96e6;
	background: -webkit-linear-gradient(-200deg, #1cbabb 10%, #1c96e6 75%);
	background: linear-gradient(-200deg, #1cbabb 10%, #1c96e6 75%);
}
body header#top_layout .lbox .tes a.btns:hover:after{background:url(/images/center/layout/gnb_simbol_1_on.png) no-repeat center center;}

body.open-gnb header#top_layout .lbox{display:block;}


body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul{padding-left:290px;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .rows{min-height:410px;}
body header#top_layout #gnb_layout .depth1_ul>li .depth2_ul .rows:before{left:290px;}
body header#top_layout #gnb_layout .gnb_100th{opacity:0; position:absolute; right:-100%; top:71px; z-index:10;}
body header#top_layout #gnb_layout .gnb_100th.on{opacity:1; right:0;}


body #body_layout{margin-top:70px; padding:0;}
/*body.header_fixed #body_layout{margin-top:0;}*/


/* 검색클릭시 */
body.top_search header#top_layout{
	height:135px !important;
	transition:height 0.3s ease 0s;
	-webkit-transition:height 0.3s ease 0s;
}
body.top_search header#top_layout #logo{
	transition:left 0.3s ease 0s;
	-webkit-transition:left 0.3s ease 0s;
}
body.top_search header#top_layout .utile_wrap{
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
}
body.top_search header#top_layout:before{
	height:70px !important;
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
}
body.top_search header#top_layout>.layout:before{
	height:13px !important;
	transition:height 0.3s ease 0.3s;
	-webkit-transition:height 0.3s ease 0.3s;
}
body.top_search header#top_layout .utile_wrap{}
body.top_search header#top_layout .utile_wrap>ul>li.btn_search{
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
}

body.top_search header#top_layout .utile_wrap>ul>li.btn_search>a{display:none;}
body.top_search header#top_layout .utile_wrap>ul>li.btn_search .searchbox{display:block; top:5px;}
body.top_search header#top_layout .utile_wrap>ul>li.btn_search .btn_search_close{display:block;}
body.top_search.top-popup header#top_layout .utile_wrap>ul>li.btn_search .searchbox{top:95px;}

body header#top_layout .utile_wrap>ul>li.top_popup>a{padding-right:23px;}
body header#top_layout .utile_wrap>ul>li.top_popup>a:after{
	content:""; display:block; position:absolute; right:18px; top:50%; width:11px; height:13px; margin-top:-6px; background:url(/images/center/layout/top_popup_icon_gray.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body header#top_layout .utile_wrap>ul>li.top_popup .bx{display:none; position:fixed; left:0; top:0; z-index:0; width:100%; height:0; border-bottom:1px solid rgba(255,255,255,0.2); background-color:#1c92eb;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll{position:absolute; right:120px; bottom:0; z-index:10; line-height:90px;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll a[class*="btn_"]{overflow:hidden; display:inline-block; width:20px; height:20px; vertical-align:middle; text-indent:-1000px;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll a[class*="btn_"]:before{
	content:""; display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;
	transform:scale(1);
	-webkit-transform:scale(1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll a[class*="btn_"]:hover:before{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll a.btn_prev:before{background-image:url(/images/center/layout/top_popup_prev.png);}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll a.btn_next:before{background-image:url(/images/center/layout/top_popup_next.png);}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll a.btn_play:before{background-image:url(/images/center/layout/top_popup_play.png);}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll a.btn_stop:before{background-image:url(/images/center/layout/top_popup_stop.png);}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll strong{display:inline-block; line-height:20px; vertical-align:middle; font-family:"Noto Sans KR"; font-weight:400; font-size:13px; color:#fff;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll strong span{display:inline-block; line-height:14px; padding:2px 5px 0 5px; vertical-align:top; font-family:"Noto Sans KR";  font-size:10px; color:#fff;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll input[type="checkbox"]{margin-top:2px; vertical-align:middle; background:#a4d3f7;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll label{width:115px; line-height:20px; margin-bottom:0; vertical-align:middle; font-family:"Noto Sans KR"; font-weight:400; font-size:14px; color:#fff;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .move{position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul{overflow:hidden; position:relative; width:100%; height:100%; max-width:640px; margin:0 auto;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul li{
	opacity:0; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; margin:0;
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul li.on{opacity:1; z-index:100;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul li a{display:block; width:100%; height:100%; text-align:center;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .btn_close{overflow:hidden; position:absolute; right:0; bottom:0; z-index:10; width:90px; height:90px; text-indent:-1000px; background-color:#0b68af;}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .btn_close:after{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/center/layout/top_popup_close.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body header#top_layout .utile_wrap>ul>li.top_popup .bx .btn_close:hover:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

body.top-popup header#top_layout{
	z-index:500; margin-top:90px;
}
body.top-popup #body_layout{
	margin-top:160px;
}
body.top_search #body_layout{margin-top:135px;}
body.top-popup.top_search #body_layout{margin-top:225px;}
body.top-popup header#top_layout .utile_wrap>ul>li.top_popup>a:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
body.top-popup header#top_layout .utile_wrap>ul>li.top_popup .bx{display:block; height:90px;}
body.top-popup.header_fixed header#top_layout{
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	transition:all 0s linear;
	-webkit-transition:all 0s linear;
}
body.top-popup.top_search.header_fixed header#top_layout .utile_wrap>ul>li.btn_search .searchbox{top:95px;}
body.header_fixed header#top_layout .utile_wrap>ul>li.top_popup>a:after{background:url(/images/center/layout/top_popup_icon_gray.png) no-repeat center center;}



body .main_100th{overflow:hidden; position:absolute; right:0; top:0; width:230px; height:330px;}
body .main_100th:before,
body .main_100th:after{content:""; display:block; position:absolute; right:0; width:100%; height:100%;}
body .main_100th:before{top:0; z-index:0; background:url(/images/center/layout/main_100th_bg.jpg) no-repeat right top;}
body .main_100th:after{height:400px; top:-150px; z-index:1; background:url(/images/center/layout/main_100th_cover.png) no-repeat right top;}
body .main_100th a{display:block; width:100%; height:100%;}
body .main_100th strong{opacity:0; display:block; position:absolute; left:0; top:133px; z-index:10; width:174px; height:61px;}
body .main_100th strong:before,
body .main_100th strong:after{content:""; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%;}
body .main_100th strong:before{opacity:0; background:url(/images/center/layout/main_100th_title.png) no-repeat right top;}
body .main_100th strong:after{opacity:1; background:url(/images/center/layout/main_100th_title_line.png) no-repeat right top;}
body .main_100th strong img{opacity:0; position:relative; z-index:0;}
body .main_100th span{opacity:0; display:block; position:absolute; top:200px; left:0; z-index:10; line-height:18px; padding:20px 0 0 30px; margin:0; font-family:"Noto Sans KR"; font-size:14px; color:#666e72;}
body .main_100th span.btns{
	top:290px; width:156px; height:42px; line-height:40px; padding:0; text-align:center; font-family:"Noto Sans KR"; font-size:15px; border:1px solid #ddd; color:#596068;
	border-radius:0 5px 0 5px;
	-webkit-border-radius:0 5px 0 5px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body .main_100th span.btns:after{content:""; display:inline-block; margin-left:10px; width:12px; height:11px; background:url(/images/center/layout/main_100th_btnicon.png) no-repeat center center;}
body .main_100th a:hover span.btns{
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}
body .on .main_100th:after{
	top:0;
	transition:top 0.5s linear;
	-webkit-transition:top 0.5s linear;

	animation-name:main_100th_bg;
	animation-iteration-count:infinite;
	animation-duration:2s;
	animation-timing-function:linear;
	animation-delay:1s;

	-webkit-animation-name:main_100th_bg;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:1s;
}
body .on .main_100th strong{
	opacity:1; top:83px;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
body .on .main_100th strong:before{
	animation-name:main_100th_tis;
	animation-iteration-count:infinite;
	animation-duration:2s;
	animation-timing-function:linear;
	animation-delay:1s;

	-webkit-animation-name:main_100th_tis;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:1s;
}
body .on .main_100th strong img{
	opacity:1;
	transition:opacity 0.3s linear 0.3s;
	-webkit-transition:opacity 0.3s linear 0.3s;

	animation-name:main_100th_ti;
	animation-iteration-count:infinite;
	animation-duration:2s;
	animation-timing-function:linear;
	animation-delay:1s;

	-webkit-animation-name:main_100th_ti;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:1s;
}
body .on .main_100th span{
	opacity:1; top:150px;
	transition:all 0.3s linear 0.2s;
	-webkit-transition:all 0.3s linear 0.2s;
}
body .on .main_100th span.btns{
	opacity:1; top:240px;
	transition:all 0.3s linear 0.3s;
	-webkit-transition:all 0.3s linear 0.3s;
}
@keyframes main_100th_bg{
	0%{top:0;}
	50%{top:-10px;}
	20%,100%{top:0;}
}
@-webkit-keyframes main_100th_bg{
	0%{top:0;}
	50%{top:-10px;}
	20%,100%{top:0;}
}
@keyframes main_100th_ti{
	0%{transform:scale(1);}
	5%{transform:scale(0.95);}
	12%{transform:scale(1.05);}
	20%,100%{transform:scale(1);}
}
@-webkit-keyframes main_100th_ti{
	0%{-webkit-transform:scale(1);}
	5%{-webkit-transform:scale(0.95);}
	12%{-webkit-transform:scale(1.05);}
	20%,100%{-webkit-transform:scale(1);}
}
@keyframes main_100th_tis{
	0%{opacity:0; transform:scale(1);}
	10%{opacity:0; transform:scale(1);}
	15%{opacity:1; transform:scale(1);}
	99.9%{opacity:0; transform:scale(1.5);}
	100%{opacity:0.9; transform:scale(1);}
}
@-webkit-keyframes main_100th_tis{
	0%{opacity:0; -webkit-transform:scale(1);}
	10%{opacity:0; -webkit-transform:scale(1);}
	15%{opacity:1; -webkit-transform:scale(1);}
	99.9%{opacity:0; -webkit-transform:scale(1.5);}
	100%{opacity:0.9; -webkit-transform:scale(1);}
}



/* scroll head fixed */
body.header_fixed header#top_layout{
	position:fixed; top:0; left:0; z-index:800;
	box-shadow:0px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1);
}
/*body.header_fixed header#top_layout .utile_wrap>ul>li.top_popup .bx{display:none;}*/
/*body.header_fixed.top-popup header#top_layout{margin-top:90px}*/
/*body.header_fixed.top-popup #body_layout{margin-top:0;}*/
body.modal-open header#top_layout #mobile-menu{display:none;}
.modal-backdrop{display:none !important;}
@media (min-width: 1024px){
	body .layout{max-width:1100px; width:98%;}

	/* gnb open */
	body.open-gnb:before{
		opacity:1; z-index:50;
		transition:opacity 0.3s ease;
		-webkit-transition:opacity 0.3s ease;
	}
	
}
@media screen and (max-width: 1500px){
	body header#top_layout #gnb_layout .depth1_ul{float:right; margin-right:150px;}
	body#main header#top_layout #gnb_layout .depth1_ul{margin-right:250px;}
}
@media screen and (max-width: 1450px){
	body header#top_layout #gnb_layout .gnb_100th{display:none;}
}
@media screen and (max-width: 1320px){
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul{margin:0;}
}
@media screen and (max-width: 1200px){
	body header#top_layout #gnb_layout .depth1_ul>li>a{padding:0 15px;}
}
@media screen and (max-width: 1280px){
	body header#top_layout>.layout{z-index:100;}
	body header#top_layout>.layout:before{right:60px;}
	body header#top_layout #gnb_layout #gnb{display:none;}
	body header#top_layout .utile_wrap ul li{display:none;}
	body header#top_layout .utile_wrap>ul>li.mo{display:block !important; right:5px; bottom:auto; top:0; z-index:10; width:50px; height:70px;}
	body header#top_layout .utile_wrap>ul>li.btn_search{display:block; right:55px; bottom:auto; top:0; z-index:0; width:35px;}
	body header#top_layout .utile_wrap>ul>li.btn_search a{width:37px; height:70px; background-color:transparent; background:url(/images/center/layout/icon_search.png) no-repeat center center;}
	body header#top_layout .utile_wrap>ul>li.btn_search .btn_search_close{right:0; top:0;}
	body header#top_layout .utile_wrap>ul>li.btn_search .btn_search_close a{background:url(/images/center/layout/icon_search_open.png) no-repeat center center;}
	
	body#main header#top_layout .utile_wrap>ul>li.top_popup:before,
	body#main header#top_layout .utile_wrap>ul>li.top_popup>a{display:none;}
	body#main header#top_layout .utile_wrap>ul>li.top_popup,
	body#main header#top_layout .utile_wrap>ul>li.top_popup li{display:block;}

	

	body.modal-open{overflow:hidden; height:100%;}
	body.modal-open header#top_layout #mobile-menu{display:block;}
	body header#top_layout #mobile-menu:before{
		opacity:0; content:""; display:block; position:fixed; left:0; top:0; z-index:1040; width:100%; height:100%; background-color:#000;
		transition:opacity 0.3s ease;
		-webkit-transition:opacity 0.3s ease;
	}
	body header#top_layout #mobile-menu.in:before{opacity:0.5;}
	body header#top_layout #mobile-menu .utile_wrap{position:absolute; left:0; top:0; height:50px; padding:0 0 0 50px; background-color:#1c92eb;}
	body header#top_layout #mobile-menu .utile_wrap ul{margin-top:5px;}
	body#main header#top_layout #mobile-menu .utile_wrap ul{margin-top:1px;}
	body header#top_layout #mobile-menu .utile_wrap ul li{display:block;}
	body header#top_layout #mobile-menu .utile_wrap>ul>li>a{color:#fff;}
	body header#top_layout #mobile-menu .modal-dialog{overflow:hidden; z-index:1050; width:670px; max-width:100%; background-color:#fff;}
	body header#top_layout #mobile-menu .modal-dialog:after{content:""; clear:both; display:block; position:absolute; left:-30px; top:0; z-index:0; width:338px; height:308px; background:#fff url(/images/center/layout/depth2_ul_simbol.png) no-repeat center center;}
	body header#top_layout #mobile-menu.in .modal-dialog, 
	body header#top_layout #mobile-menu.show .modal-dialog{
		transform:translate(0,0);
		-webkit-transform:translate(0,0);
	}
	body header#top_layout #mobile-menu .modal-dialog .modal-content{width:670px; padding-top:50px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body{height:100%; margin:0 0 0 350px; padding:0; border-left:1px solid #eaeaea; background-color:#fafafa;}



	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .lbox{display:block; position:absolute; left:-320px; top:0; z-index:10; width:280px; padding-top:75px;  margin:0;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .lbox ul{display:block !important;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .lbox .tis strong span{font-size:32px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .lbox li a:before{display:none;}



	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul{overflow-y:auto; width:320px; height:100%;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li{border:1px solid #eaeaea; border-top:none; border-left:none;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>a{padding:15px 28px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>a:before{
		content:""; display:block; position:absolute; right:45px; top:50%; width:6px; height:13px; margin-top:-6px; border:none; background:url(/images/center/layout/depth3_ul_bul.png) no-repeat center center;
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>a.on:before{
		transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
	}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>a span{font-family:"Noto Sans KR"; font-weight:400; font-size:18px; color:#0b68af;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul{padding:0 28px 10px 28px; border-top:none; background-color:transparent;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>a{padding:10px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li:first-child>a{padding-top:5px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>a span{line-height:30px; font-family:"Noto Sans KR"; font-weight:400; font-size:17px; color:#33373b;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>ul{display:block !important; padding:0 10px 10px 10px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>ul>li>a{position:relative; display:block; padding:8px 10px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>ul>li>a:before{
		content:""; display:block; position:absolute; left:0; right:auto; bottom:0; top:auto; z-index:0; width:100%; height:0; border:none; background-color:#e3eff8;
		transform:none;
		transition:height 0.3s ease;
		-webkit-transition:height 0.3s ease;
	}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>ul>li>a:after{
		opacity:0; content:""; display:block; position:absolute; right:0; top:50%; width:6px; height:13px; margin-top:-6px; border:none; background:url(/images/center/layout/depth3_ul_bul.png) no-repeat center center;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>ul>li>a span{position:relative; z-index:1; line-height:20px; font-family:"Noto Sans KR";  font-size:15px; color:#6d6d6d;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>ul>li>a:hover:before{height:18px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>ul>li>a:hover span{color:#0b68af;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li>ul>li>ul>li>a:hover:after{opacity:1; right:20px;}
	
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .mobile-close{overflow:hidden; position:fixed; right:0; top:0; z-index:100; width:50px; height:50px; text-indent:-1000px; background-color:#0b68af;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .mobile-close:before{
		content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/center/layout/mobile-close_icon.png) no-repeat center center;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .mobile-close:hover:before{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_1>li:nth-child(1),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_2>li:nth-child(2),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_3>li:nth-child(3),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_4>li:nth-child(4),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_5>li:nth-child(5),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_6>li:nth-child(6),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_7>li:nth-child(7),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_8>li:nth-child(8),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_9>li:nth-child(9),
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_10>li:nth-child(10){border-bottom-color:#1c92eb;}

}
@media screen and (max-width: 1023px){
	body header#top_layout{border-bottom:1px solid #eaeaea;}
	body header#top_layout #gnb_layout{display:block;}
}
@media screen and (max-width: 1000px){
	body.top-popup #body_layout{margin-top:267px;}
	body.top-popup.top_search #body_layout{margin-top:330px;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .btn_close{right:14px; bottom:14px; width:62px; height:62px;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll{right:0; width:100%; padding-left:20px;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll>span{position:absolute; right:100px; bottom:35px;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .move{height:107px; border-bottom:1px solid #4cb0fb;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul{margin:0 auto;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul li{padding-top:8px;}

	body.top-popup header#top_layout{margin-top:197px;}
	body.top-popup header#top_layout .utile_wrap>ul>li.top_popup .bx{height:197px;}
	body.top-popup.header_fixed.top_search header#top_layout .utile_wrap>ul>li.btn_search .searchbox{top:201px;}
	body.top_search.top-popup header#top_layout .utile_wrap>ul>li.btn_search .searchbox{top:201px;}
}
@media screen and (max-width: 700px){
	body header#top_layout #mobile-menu .modal-dialog{width:320px;}
	body header#top_layout #mobile-menu .modal-dialog:after{display:none;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content{width:100%;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body{width:100%; margin:0; border:none; background-color:transparent;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul{position:relative;padding-top: 0;}
	/*body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_2{padding-top:260px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_3{padding-top:425px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.step_4{padding-top:345px;}*/
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:after{content:""; clear:both; display:block; position:absolute; left:-30px; top:0; z-index:-1; width:338px; height:308px; background:#fff url(/images/center/layout/depth2_ul_simbol.png) no-repeat center center;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul>li:first-child{border-top:1px solid #eaeaea;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .lbox{left:30px;top:0;width:260px;padding-top:40px;display: none;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .lbox .tis strong{padding-bottom:25px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .lbox .tis strong span{font-size:30px;}
	body header#top_layout #mobile-menu .modal-dialog .modal-content .modal-body .lbox .tes ul{width:100%}
	
}
@media screen and (max-width: 640px){
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll{line-height:72px;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .controll>span{bottom:25px; right:72px;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .btn_close{right:10px; bottom:12px; width:48px; height:48px;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .move{height:51px;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul{max-width:100%;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul li{padding-top:0;}
	body header#top_layout .utile_wrap>ul>li.top_popup .bx .move ul li img{height:100%;}

	body.top-popup header#top_layout{margin-top:124px;}
	body.top-popup header#top_layout .utile_wrap>ul>li.top_popup .bx{height:124px;}
	body.top-popup #body_layout{margin-top:193px;}
	body.top-popup.top_search #body_layout{margin-top:258px;}
	body.top-popup.header_fixed.top_search header#top_layout .utile_wrap>ul>li.btn_search .searchbox{top:128px;}
	body.top_search.top-popup header#top_layout .utile_wrap>ul>li.btn_search .searchbox{top:128px;}
}
@media screen and (max-width: 500px){
	body header#top_layout #logo{width:190px;}
	body header#top_layout #logo:before{background-size:100% auto;}
	body header#top_layout #logo span{font-size:14px;}
}

@media screen and (min-width: 451px) and (max-width: 480px){
	body header#top_layout #logo{width:170px;}
	body header#top_layout #logo:before{background-size:100% auto;}
	body header#top_layout #logo span{font-size:12px;}
}

@media screen and (max-width: 450px){
	body header#top_layout #logo span{display:none;}
}