@charset "utf-8";
@import url('font.css');
@import url('slick.css');

/* Reset */
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:none}
html{height:100%;overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.3;font-size:10px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
body{height:100%;font-family:"NEXONLv2Gothic", "NotoSansJP", "Malgun Gothic", Dotum, Arial, sans-serif;height:100%;min-width:320px;letter-spacing:-0.03rem;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;padding-top:constant(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
strong{font-weight:700;}
input, select, textarea, button, label{font-size:100%;vertical-align:middle}
select{width:100%;height:42px;padding:0 25px 0 15px;font-size:1.6rem;font-family:"NEXONLv2Gothic", "NotoSansJP", "Malgun Gothic", Dotum, Arial, sans-serif;color:#222;border:none;-webkit-appearance:none; -moz-appearance:none;appearance:none;border:1px solid #b7b7b7;background:#fff url(../images/icon/select_arrow.jpg) right 14px center no-repeat;transition:border-color .3s ease;}
select::-ms-expand{display:none;}
input{border:1px solid #eaeaea;font-size:1.6rem;}
input:disabled{opacity:1;-webkit-text-fill-color:inherit}
input[type="text"], input[type="search"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="button"]{height:36px;font-size:1.6rem;padding:0 10px;outline:none;font-family:"NEXONLv2Gothic", "NotoSansJP", "Malgun Gothic", Dotum, Arial, sans-serif;-webkit-appearance:none; -moz-appearance:none;appearance:none;border:1px solid #d4d4d4;background:#fff;transition:border-color .3s ease;cursor:pointer}
input[type="text"]{width:270px;}
input[type="text"]+input[type="text"]{margin-left:10px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus{border-color:#00b5ef;}
fieldset, img, iframe{border:0 none}
img{max-width:100%;height:auto;vertical-align:middle;border-style:none;}
textarea{width:100%;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;border:1px solid #ccc;font-family:"NEXONLv2Gothic","NotoSansJP", "Malgun Gothic", Dotum, Arial, sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
em, address{font-style:normal}
a{text-decoration:none;background-color:transparent;vertical-align:middle;-webkit-text-decoration-skip:objects;color:#000;word-break:break-word}
a:hover, a:active, a:focus{text-decoration:none}
menu,li{list-style:none}
button{padding:0;margin:0;border:0;cursor:pointer;vertical-align:middle;background:none;font-family:"NEXONLv2Gothic", "NotoSansJP", "Malgun Gothic", Dotum, Arial, sans-serif}
button, input{overflow:visible}
button, select{text-transform:none}
button, html [type="button"], [type="reset"],[type="submit"]{-webkit-appearance:button;cursor:pointer;font-family:"NEXONLv2Gothic", "NotoSansJP", "Malgun Gothic", Dotum, Arial, sans-serif;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
hr{display:none}
i,em,address{font-style:normal}
label{cursor:pointer}
table{width:100%;border-spacing:0;border-collapse:collapse;color:#000;table-layout:fixed}
table td{word-wrap:break-word;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
::-webkit-input-placeholder{font-size:1.6rem;color:#999;vertical-align:middle;}
ul:after,
ol:after{display:block;content:'';clear:both;}

.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.fw_n{font-weight:normal;}
.col_50{width:50%;}

/* padding */
.p_none{padding:0 !important;}
.p_40{padding:40px !important;}
.p_60{padding:60px !important;}

.pl_10{padding-left:10px !important;}
.pl_50{padding-left:50px !important;}
.pl_60{padding-left:60px !important;}
.pr_none{padding-right:0 !important;}
.pt_none{padding-top:0 !important;}
.pt_20{padding-top:20px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}
.pt_60{padding-top:60px !important;}
.pt_80{padding-top:80px !important;}
.pt_100{padding-top:100px !important;}
.pt_130{padding-top:130px !important;}
.pt_150{padding-top:150px !important;}
.pb_none{padding-bottom:0 !important;}
.pb_30{padding-bottom:30px !important;}
.pb_60{padding-bottom:60px !important;}
.pb_80{padding-bottom:80px !important;}

/* margin */
.m_none{margin:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}
.mt120{margin-top:120px !important;}
.mt130{margin-top:130px !important;}
.mt140{margin-top:140px !important;}
.mt150{margin-top:150px !important;}
.mt200{margin-top:200px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}
.ml85{margin-left:85px !important;}
.ml90{margin-left:90px !important;}
.ml95{margin-left:95px !important;}
.ml100{margin-left:100px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}
.mr65{margin-right:65px !important;}
.mr70{margin-right:70px !important;}
.mr75{margin-right:75px !important;}
.mr80{margin-right:80px !important;}
.mr85{margin-right:85px !important;}
.mr90{margin-right:90px !important;}
.mr95{margin-right:95px !important;}
.mr100{margin-right:100px !important;}

/* 공통 스타일 */
#wrap{word-break:keep-all;overflow:hidden;}
.hide{display:none !important;}
.show{display:block !important;}
.wrapper{width:1240px;margin:0 auto;}
.icon_g{display:inline-block;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;font-size:1px;vertical-align:top;text-indent:-9999px}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}
.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.ir_pm ol, ol.ir_pm, .ir_pm li{margin:0!important;padding:0!important;}
.in_b{display:inline-block;vertical-align:top;}
.img_block{display:block;width:100%;}
.emph_g{color:#cf0000;}
b.emph_g, .emph_b{color:#249ab7;}
.fl_l{float:left;}
.fl_r{float:right;}
.pc_br{display:block !important;}
.cell_g{position:relative;}
.ta_left{text-align:left;}
.btn_menu{position:absolute;z-index:9998;top:50%;right:33px;width:28px;height:21px;margin-top:-9px;}
.btn_menu .icon_g{width:100%;height:100%;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='21' fill='none'%3e%3cpath fill='%23fff' d='M0 0h27v3H0zM0 9h27v3H0zM0 18h27v3H0z'/%3e%3c/svg%3e");}

header{position:fixed;z-index:999;top:0;left:0;width:100%;height:93px;text-align:center;background:#000;transition:all .3s;}
header h1{position:absolute;z-index:9999;top:30px;left:33px;width:118px;height:31px;}
header h1.on a{background-image:url(../images/ico/ico_logo_c.png);}
header h1 a{display:block;width:100%;height:100%;text-indent:-9999px;background-image:url(../images/ico/logo_w.png);background-repeat:no-repeat;background-position:center;background-size:100%;}
header.scroll{border-bottom:1px solid rgba(0,0,0,0.4);background:#fff;}
header.scroll h1 a{background-image:url(../images/ico/logo_color.png);}
header.scroll .btn_menu .icon_g{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='21' fill='none'%3e%3cpath fill='%23000' d='M0 0h27v3H0zM0 9h27v3H0zM0 18h27v3H0z'/%3e%3c/svg%3e");}
header.scroll .main_menu > ul > li > a{position:relative;color:#000;}
header.scroll .main_menu > ul > li > a:after{opacity:0;content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:#249AB7;}
header.scroll .main_menu > ul > li:hover > a:after{opacity:1;}
header.scroll .lang li a{color:#999;}
header.scroll .lang li.on a{color:#000;border-bottom:2px solid #000;}
header .main_menu > ul{display:inline-block;width:1170px;margin:0 auto;}
header .main_menu > ul > li{display:inline-block;position:relative;z-index:88;margin:0 -2px;} 
header .main_menu > ul > li:last-child{padding-right:0;}
header .main_menu > ul > li > a{display:block;padding:35px 60px;color:#fff;font-size:18px;line-height:23px;font-weight:500;}
header .sub_menu{display:none;position:absolute;z-index:-1;top:0;left:0;padding-top:114px;width:100%;text-align:center;}
header .sub_menu a{display:block;padding:10px 0;font-size:16px;line-height:30px;}
header .sub_menu li a:hover{font-weight:500;}
header .sub_menu li.on a{color:#249ab7}
header .menu_list > li.fst .sub_menu{padding-top:100px;}
header .menu_list > li.fst .sub_menu li{padding-bottom:0;}
header .menu_list > li.fst .sub_menu a{padding:9px 0 8px;}
header .menu_list > li.lst{border-left:0 none;}
header .menu_list > li.lst > a{padding:35px 100px;}
header .menu_list .sub_menu{height:527px;padding-top:93px;}
header .menu_list .sub_menu li{padding-bottom:10px;}
header .menu_list .sub_menu strong{display:block;margin-bottom:6px;padding:8px 0 7px;font-weight:normal;font-size:14px;line-height:22px;background-color:#e5e5e5;color:#444;}
header .menu_list .sub_menu a{padding:0;font-size:14px;line-height:21px;}
header .lang{position:absolute;top:36px;right:97px;}
header .lang li{display:inline-block;margin-right:15px;}
header .lang li a{display:block;padding-bottom:3px;color:rgba(255,255,255,0.4);font-size:1.4rem;}
header .lang li.on a{color:#fff;border-bottom:2px solid #fff;}
header .menu_bg{display:none;position:absolute;z-index:-1;top:93px;left:0;width:100%;height:405px;background:#fff;}
.ko header .menu_bg{height:480px;}

.allmenu{position:fixed;z-index:9998;top:0;right:-100%;width:100%;height:100%;padding:100px 33px;background:#fff;}
.allmenu > ul{width:66%;    margin: 0 auto}
.allmenu > ul::after{content:'';display:block;clear:both;}
.allmenu > ul > li{float:left;position:relative;z-index:999;width:25%;text-align:center;}
.allmenu > ul > li > a{display:block;width:100%;font-size:2.4rem;}
.allmenu .sub_menu{display:block;padding-top:60px;}
.allmenu .sub_menu li a{width:100%;padding:10px 0;font-size:2.0rem;}
.allmenu .close{position:absolute;z-index:9999;top:33px;right:33px;width:28px;height:28px;text-indent:-9999px;background:url(../images/ico/ico_close.png) no-repeat 0 0;background-size:100%;}
 header .allmenu .menu_list > li.lst > a{padding:0;}

footer .top{padding:30px 0;background:#5A5A5A;}
footer .top ul li{display:inline-block;position:relative;margin-right:53px;}
footer .top ul li:after{content:'';position:absolute;top:50%;right:-30px;width:1px;height:12px;background:rgba(255,255,255,0.4);transform:translateY(-50%);}
footer .top ul li:last-child:after{display:none;}
footer .top ul li a{display:block;color:rgba(255,255,255,0.7);font-size:1.4rem;}
footer .btm{padding:45px 0 40px;background:#272727;color:rgba(255,255,255,0.7);font-size:1.4rem;}
footer .btm .wrapper{position:relative;}
footer .btm .wrapper address p{display:inline-block;margin-right:30px;}
footer .btm .wrapper address p a{color:rgba(255,255,255,0.7);}
footer .btm .wrapper > p{margin-top:17px;}
footer .btm .wrapper .f_logo{position:absolute;top:19px;right:0;}

#container h4{overflow:hidden;color:#000;font-size:43px;font-family:'daum';text-align:center;} 
#container h4 .txt_sub{display:block;font-size:25px}
header nav h2{position:absolute;z-index:9998;top:34px;right:33px;width:28px;height:21px;text-indent:-9999px;background-image:url(../images/ico/ico_menu.png);background-repeat:no-repeat;background-position:center;background-size:100%;cursor:pointer;}
header.scroll nav h2{background-image:url(../images/ico/ico_menu_b.png);}

/*****************************************************************************************************************************************************************************************/
@media all and (max-width:1241px){
	.wrapper{width:auto;padding:0 20px;}
	.btn_menu{right:20px;}
	header{height:91px;}
	header h1{left:20px;}	
	header .main_menu > ul > li > a{padding:35px 50px;font-size:1.6rem;}
	header .lang{right:63px;}
	header .menu_bg{top:91px;}
	footer .btm .wrapper address p{margin-right:10px;line-height:1.5;}
	footer .btm .wrapper .f_logo{display:block;position:static;width:90px;margin-bottom:15px;}
}
@media all and (max-width:1560px){
	.main_menu.mb_hidden{display:none;}
}
@media all and (max-width:980px){
	html{font-size:8px;}
	.mb_hidden{display:none;}
	.btn_menu{width:20px;margin-top:-10px;}
	
	header{height:70px;}
	header.scroll .main_menu > ul > li > a:after{height:2px;}
	header h1{top:23px;width:80px;height:22px;}
	header .lang{top:28px;right:50px;}
	header .menu_bg{display:none !important;}
	footer .top{padding:10px 0;}
	footer .top ul li a{padding:10px 0;font-size:1.6rem;}
	footer .btm{padding:35px 0 30px;}

	/*전체메뉴*/
	.allmenu{padding:60px 20px;}
	.allmenu > ul{width:100%;}
	.allmenu > ul > li{float:none;width:100%;text-align:left;border-bottom:2px solid #ccc;}
	.allmenu > ul > li > a{padding:20px 0 !important;font-size:2.0rem;font-weight:500;}
	.allmenu .sub_menu{display:none;position:static;padding-top:0;text-align:left;}
	.allmenu .sub_menu li a{padding:0 20px 20px;}
	.allmenu .close{top:25px;right:20px;width:20px;height:28px;background-image:url(../images/ico/ico_close.png);}

	header .menu_list .sub_menu{height:auto;padding-top:0 !important;}
	header .menu_list .sub_menu strong{padding:8px 20px 7px;}
}

@media all and (max-width:780px){
	html{font-size:7px;}
	.pc_br{display:inline-block !important;vertical-align:top;}
	.m_br{display:block !important;}
	.m_none{display:none;}
	#container h4{font-size:24px;line-height:36px;}

	footer .top ul li:after{right:-11px;}
	footer .top ul li{margin-right:20px;}
	footer .top ul li a{font-size:1.7rem;}	
	footer .btm{font-size:1.7rem;}
}

@media all and (max-width:480px){
	#container h4{font-size:3.4rem;}
}