@charset "utf-8";

html{font-size:10px;font-family:'NaverNanumSquareNeo', Apple Gothic, "돋움", Dotum, Verdana, sans-serif;-webkit-tap-highlight-color:transparent;line-height:1;}

@media screen and (max-width:736px){
	html{font-size:20px;}
}
@media screen and (max-width:667px){
	html{font-size:17px;}
}
@media screen and (max-width:568px){
	html{font-size:13px;}
}
@media screen and (max-width:414px){
	html{font-size:11px;}
}
@media screen and (max-width:375px){
	html{font-size:10px;}
}
@media screen and (max-width:320px){
	html{font-size:9px;}
}



*{box-sizing:border-box;word-break:keep-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin:0;padding:0;}
table{width:100%;border:0;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
fieldset,img{border:0;vertical-align:middle;}
img{width:100%;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;}

body{position:relative;width:100%;height:100%;color:#111;background:#f1f1f1;-webkit-overflow-scrolling:touch;}
#skip,hr,caption,legend{display:none;}
header, section, article,aside, nav, footer{display:block;}
input,textarea,select{font-family:inherit;vertical-align:middle;outline:0;}
textarea{padding:0.5rem;border:0.1rem solid #ccc;width:100%;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
}
textarea::-webkit-input-placeholder{color:#999}
textarea::-moz-input-placeholder{color:#999}
textarea::-ms-input-placeholder{color:#999}


/* input-type */
input[type*="text"],
input[type*="password"],
input[type*="tel"],
input[type*="number"]{box-sizing:border-box;height:3.2rem;padding:0.2rem 0.5rem;color:#111;border:0.1rem solid #ccc;border-radius:0;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
}
input[type*="text"]::-webkit-input-placeholder{color:#999}
input[type*="text"]::-moz-input-placeholder{color:#999}
input[type*="text"]::-ms-input-placeholder{color:#999}
input[type*="password"]::-webkit-input-placeholder{color:#999}
input[type*="password"]::-moz-input-placeholder{color:#999}
input[type*="password"]::-ms-input-placeholder{color:#999}
input[type*="tel"]::-webkit-input-placeholder{color:#999}
input[type*="tel"]::-moz-input-placeholder{color:#999}
input[type*="tel"]::-ms-input-placeholder{color:#999}
input[type*="number"]::-webkit-input-placeholder{color:#999}
input[type*="number"]::-moz-input-placeholder{color:#999}
input[type*="number"]::-ms-input-placeholder{color:#999}

input[type*="radio"]{cursor:pointer;width:1.7rem;height:1.7rem;margin-top:-0.1rem;}
.input_radiobox{min-height:1.7rem;}
.input_radiobox + .input_radiobox{margin-top:0.5rem;}
.input_radiobox label{min-height:1.7rem;display:inline-block;cursor:pointer;position:relative;padding-left:2.2rem;}
.input_radiobox input[type*="radio"]{display:none;}
.input_radiobox label:after{content:"";display:inline-block;width:1.7rem;height:1.7rem;margin-right:1rem;position:absolute;left:0;bottom:0.1rem;background:url("../img/input_checkbox_circle_off.png") no-repeat center center;background-size:1.7rem;}
.input_radiobox input[type*="radio"]:checked + label:after{content:"";background:url("../img/input_checkbox_circle_on.png") no-repeat center center;background-size:1.7rem;}
.input_radiobox_area:after{clear:both;display:block;content:'';}
.input_radiobox_area .input_radiobox{float:left;margin-left:2rem;}
.input_radiobox_area .input_radiobox:first-child{margin-left:0;}


input[type*="checkbox"]{cursor:pointer;width:2.25rem;height:2.25rem;margin-top:-0.1rem;}
.input_checkbox{min-height:2.25rem;}
.input_checkbox label{min-height:2.25rem;display:inline-block;cursor:pointer;position:relative;padding-left:2.25rem;}
.input_checkbox input[type*="checkbox"]{display:none;}
.input_checkbox label:after{content:"";display:inline-block;width:2.25rem;height:2.25rem;margin-right:1rem;position:absolute;left:0;bottom:0.1rem;background:url("../img/input_checkbox_off.png") no-repeat center center;background-size:2.25rem;}
.input_checkbox input[type*="checkbox"]:checked + label:after{content:"";background:url("../img/input_checkbox_on.png") no-repeat center center;background-size:2.25rem;}
.input_checkbox_area:after{clear:both;display:block;content:'';}
.input_checkbox_area .input_checkbox{float:left;margin-left:2rem;}
.input_checkbox_area .input_checkbox:first-child{margin-left:0;}

input[type*="image"]{border-radius:0;border-radius:0;}
input[type*="button"]{cursor:pointer;border:0;background:transparent;border-radius:0;}

/* select custom */
.select_wrap{position:relative;}
.select_wrap:nth-child(even){float:right;margin-bottom:0.5rem;}
.select_wrap select{font-size:1.4rem;box-sizing:border-box;height:3.2rem;width:100%;padding:0 1rem;border:0;border-radius:0;-webkit-appearance:none;appearance:none;appearance:none;background:#fff url("../img/ico_select.png") no-repeat right center;background-size:2.4rem;border:0.1rem solid #ccc;}

/* input custom */
.input_wrap{position:relative;}
.input_wrap input[type*="text"],
.input_wrap input[type*="password"]{width:100%;height:3.2rem;}

/* input search */
.input_search{position:relative;display:inline-block;}
.input_search input[type*="text"]{width:100%;padding-right:3.1rem;}
.input_search .btn_search{width:1.6rem;position:absolute;right:4.6%;top:0.6rem;}

.input_area{}
.input_area:after{clear:both;display:block;content:'';}
.input_area .select_wrap{float:left;}
.input_area .input_wrap{float:left;}
.input_area .dash{float:left;text-align:center;line-height:3.2rem;color:#ccc;}
.input_area .btn_search{float:left;display:block;width:7.5rem;height:3.2rem;text-align:center;line-height:2.8rem;color:#666;border:0.1rem solid #ccc;font-size:1.3rem;margin-left:0.2rem;}

.input_area.gray input{background:#f6f6f6;}
.input_area.gray + .input_area.gray{margin-top:0.5rem;}
/* basic-alink */
a{text-decoration:none;color:#111;outline:0;}
a:link{color:#111;text-decoration:none;}
a:visited{color:#111;text-decoration:none;}
a:active{color:#111;text-decoration:none;}
a:hover{color:#111;text-decoration:none;}

iframe{-webkit-overflow-scrolling:touch;}

/* class css */
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

.fz11{font-size:1.1rem;}

.clear{clear:both;display:block;content:'';overflow:hidden;}

.blind{position:absolute;overflow:hidden;margin:-0.1rem;border:0;padding:0;width:0.1rem;height:0.1rem;clip:rect(0 0 0 0);}

.fl{float:left;}
.fr{float:right;}

.pb0{padding-bottom:0rem !important;}
.pd0{padding:0rem !important;}

.small{font-size:1.3rem;}

.mt0{margin-top:0rem !important;}
.mt5{margin-top:0.5rem !important;}
.mt10{margin-top:1rem !important;}
.mt15{margin-top:1.5rem !important;}
.mt20{margin-top:1.5rem !important;}

.mb0{margin-bottom:0rem !important;}
.mb5{margin-bottom:0.5rem !important;}
.mb10{margin-bottom:1rem !important;}
.mb20{margin-bottom:2rem !important;}

.color_ffa800{color:#ffa800 !important;}
.color_0f3d65{color:#0f3d65 !important;}
.color_ef8009{color:#ef8009 !important;}
.color_13426b{color:#13426b !important;}
.color_666666{color:#666666 !important;}
.color_48922d{color:#48922d !important;}
.color_c91017{color:#c91017 !important;}
.color_1bb400{color:#1bb400 !important;}
.point{color:#ffa800 !important;}

.img_pc{display:none!important;}
.img_mobile{display:block !important;}


/*----------------------------------------- header -----------------------------------------*/
.header_wrap{width:100%;box-sizing:border-box;height:5rem;padding-left:1rem;padding-right:1.5rem;background-color:#fff;position: relative;border-bottom:0.1rem solid #ccc;}
.header_wrap .header_con{width:90%;height:auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.header_wrap .menu_con{position:absolute;top:50%;left:0;transform:translateY(-50%);text-align:center;font-size:0;}
.header_wrap .menu_box{display:inline-block;}
.header_wrap .menu_box .img{display:inline-flex;align-items:center;width:2.2rem;}
.header_wrap .menu_box .img img{height:100%;}
.header_wrap .menu_box .text{font-size:0.8rem;line-height:1.1rem;color:#999;letter-spacing:-0.07em;}
.header_wrap .logo_con{text-align:center;}
.header_wrap .logo_con a{display:block;margin:0 auto;width:22.5rem;position: relative;}
.header_wrap .logo_con a img{display:block;width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
@keyframes fadeLogo1 {
  0%   { opacity: 1; }
  40%  { opacity: 1; }
  50%  { opacity: 0; }
  90%  { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeLogo2 {
  0%   { opacity: 0; }
  40%  { opacity: 0; }
  50%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { opacity: 0; }
}
.logo_en {animation: fadeLogo1 8s ease-in-out infinite;}
.logo_ko {animation: fadeLogo2 8s ease-in-out infinite;}
.header_wrap .util_list_con{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:0;}
.header_wrap .util_list{display:inline-block;text-align:center;margin-right:0.9rem;}
.header_wrap .util_list:last-child{margin-right:0;}
.header_wrap .util_list .img{display:inline-flex;align-items:center;width:2.4rem;}
.header_wrap .util_list .img img{display:block;height:100%;}
.header_wrap .util_list .text{font-size:0.8rem;line-height:1.1rem;color:#999;}

.clicked_header_wrap{width:100%;display:none;position:fixed;z-index:20;top:0;left:0;height:100%;background-color:rgba(0,0,0,0.7);}
.clicked_header_wrap.active{display:block;}
.clicked_header_wrap.active .clicked_header_con{left:0%;animation-name:menu_open;animation-duration:.3s;animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes menu_open{
    from{left:-100%;}
    to{left:0%;}
}
.clicked_header_wrap .clicked_header_con{width:100%;height:100%;max-width:65rem;background-color:#fff;position:relative;box-sizing:border-box;}
.clicked_header_wrap .clicked_header_inner{width:100%;height:100%;padding-bottom:5rem;position:relative;box-sizing:border-box;background:#fff url(../img/bg_menu_bottom.png) no-repeat center bottom;background-size:100% auto;}
.clicked_header_wrap .header_top_con{position:relative;padding:1.8rem 1.5rem 1.6rem;border-bottom:1px solid #eee;}
.clicked_header_wrap .header_top_con .lang_list_con{padding-left:3.5rem;font-size:0rem;line-height:0;background:url(../img/lang_list_bg.png) no-repeat center left;background-size:2rem auto;}
.clicked_header_wrap .header_top_con .lang_list_con .lang_list{display:inline-block;font-size:1.4rem;line-height:2rem;font-weight:500;color:#999;border-bottom:2px solid transparent;margin-right:2rem;box-sizing:border-box;}
.clicked_header_wrap .header_top_con .lang_list_con .lang_list:last-child{margin-right:0;}
.clicked_header_wrap .header_top_con .lang_list_con .lang_list.active{color:#ffa800;border-color:#ffa800;}
.clicked_header_wrap .header_top_con .close_btn_con{position:absolute;top:0;right:0;width:5.5rem;height:5.5rem;z-index:2;}
.clicked_header_wrap .header_top_con .close_btn_con a{display:block;width:100%;height:100%;background:url(../img/close_icon.png) no-repeat center;background-size:1.5rem auto;font-size:0;}

.clicked_header_wrap .clicked_header_body{padding-top:1.5rem;height:calc(100% - 4.3rem);overflow-y:auto;width:100%;box-sizing:border-box;padding-bottom:5rem;}
.clicked_header_wrap .clicked_header_body .btn_wrap{margin-bottom:1.5rem;}
.clicked_header_wrap .clicked_header_body .btn_area{padding:0 2rem;margin-bottom:1.5rem;font-size:0;}
.clicked_header_wrap .clicked_header_body .btn_area a{min-width:auto;width:49%;height:4.2rem;line-height:4rem;font-weight:700;border-top-left-radius:20px;}
.clicked_header_wrap .clicked_header_body .btn_area a + a{margin-left:0.5rem;color:#ffa800;border-top-left-radius:0;border-bottom-right-radius:20px;background-color:#fff;}

.gnb_wrap{width:100%;box-sizing:border-box;}
.gnb_wrap > ul{background-color:#fff;}
.gnb_wrap > ul > li{border-bottom:1px solid #eee;overflow:hidden;}
.gnb_wrap > ul > li:first-child{border-top:1px solid #eee;}
.gnb_wrap > ul > li.active{border-bottom:none;}
.gnb_wrap > ul > li > a{display:block;padding:2.2rem 5rem 2.2rem 2rem;background-image:url('../img/icon_gnb_arrow_down.png');background-repeat:no-repeat;background-size:1.4rem;background-position:center right 2rem;box-sizing:border-box;}
.gnb_wrap > ul > li.active > a{background-image:url('../img/icon_gnb_arrow_up.png');}
.gnb_wrap > ul > li > a > span{font-size:1.6rem;line-height:1.8rem;letter-spacing:-0.025em;font-weight:700;color:#111;text-align:left;}
.gnb_wrap > ul > li.active > a > span{color:#ffa800;}
.gnb_wrap > ul > li > ul{display:none;}
.gnb_wrap > ul > li > ul > li{border-bottom:0.1rem solid #eee;background-color:#fff;}
.gnb_wrap > ul > li > ul > li:first-child{border-top:0.1rem solid #eee;}
.gnb_wrap > ul > li > ul > li > a{display:block;padding:1.7rem 3rem;}
.gnb_wrap > ul > li > ul > li > a > span{font-size:1.4rem;line-height:1.7rem;letter-spacing:-0.025em;font-weight:400;color:#333;}

.menu_bottom_desc{padding:3rem 1.5rem 0;}
.menu_bottom_desc img{width:27rem;}

.header_btn_wrap{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;bottom:0;left:0;}
.header_btn_con{flex:1;}
.header_btn_con .header_btn{display:flex;align-items:center;justify-content:center;height:4.5rem;box-sizing:border-box;}
.header_btn_con .header_btn > span{font-size:1.5rem;line-height:2.3rem;letter-spacing:0em;font-weight:700;color:#111;text-align:center;padding-left:3rem;box-sizing:border-box;background-repeat:no-repeat;background-position:left center;}
.header_btn_con .header_btn.tel{background-color:#fff6b5;}
.header_btn_con .header_btn.tel > span{background-image:url('../img/icon_header_tel.png');background-size:2.1rem auto;}
.header_btn_con .header_btn.map{background-color:#f0f0f0;}
.header_btn_con .header_btn.map > span{background-image:url('../img/icon_header_map.png');background-size:1.6rem auto;}


/*--------------------------- sub_header_wrap ---------------------------*/
.sub_header_wrap{width:100%;height:5rem;}
.sub_header_wrap .sub_header_con{position:relative;z-index:10;height:5rem;background:url("../img/header_menu_bg.jpg") no-repeat center;background-size:cover;}
.wrap.fixed .sub_header_con{position:fixed;width:100%;top:0;z-index:100;}
.sub_header_wrap .left_con{float:left;width:calc(100% - 5rem);height:100%;border-right:0.1rem solid #ffa800;box-sizing:border-box;position:relative;}
.sub_header_wrap .left_con .menu_list{width:100%;height:100%;}
.sub_header_wrap .left_con .menu_list:after{clear:both;content:'';display:block;}
.sub_header_wrap .left_con .home_icon_con{width:4.5rem;height:5rem;display:block;float:left;position:relative;}
.sub_header_wrap .left_con .home_icon_con:after{content:'';position:absolute;top:50%;margin-top:-0.6rem;right:0;height:1.2rem;border-right:0.1rem solid #ffa800;}
.sub_header_wrap .left_con .home_icon{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.sub_header_wrap .left_con .home_icon img{display:block;width:1.5rem;height:auto;}
.sub_header_wrap .left_con .menu_list_wrap{position:relative;overflow:hidden;z-index:10;}
.sub_header_wrap .left_con .menu_list_con{height:0;}
.sub_header_wrap .left_con .menu_list_con.active{position:relative;z-index:100;}
.sub_header_wrap .left_con .menu_list_con .menu{font-size:1.4rem;line-height:4rem;font-weight:400;color:#333;background-color:#fff6e4;border-top:0.1rem solid #ffa800;border-right:0.1rem solid #ffa800;box-sizing:border-box;padding-left:1.6rem;}
.sub_header_wrap .left_con .menu_list_con .menu a{display:block;}
.sub_header_wrap .left_con .menu_list_con .menu:last-child{border-bottom:0.1rem solid #ffa800;}
.sub_header_wrap .left_con .menu_list_wrap .active_menu{box-sizing:border-box;float:right;display:block;width:calc(100% - 4.5rem);padding-left:1.4rem;font-size:1.6rem;font-weight:700;line-height:5rem;color:#00315c;background-color:transparent;border-bottom:none;border-right:none;background-image:url('../img/sub_header_down_arrow.png');background-size:1.9rem 1rem;background-position:right 1.5rem center;background-repeat:no-repeat;}
.sub_header_wrap .left_con .home_icon_con.hidden + .menu_list_wrap .active_menu{padding-left:1.5rem;}
.sub_header_wrap .sns_btn_con{float:left;width:5rem;height:100%;}
.sub_header_wrap .sns_btn_con .sns_btn{display:block;width:100%;height:100%;background-image:url('../img/icon_snsBtn.png');background-repeat:no-repeat;background-size:2.2rem auto;background-position:center;}

/* sns_popup_wrap */
.sns_popup_wrap{position:fixed;width:100%;height:100%;z-index:100;background-color:#fff;top:0;left:100%;transition:left .5s ease;}
.sns_popup_wrap.active{left:0;z-index:100;}
.sns_popup_wrap .sns_close_btn_con{padding-bottom:5.2rem;}
.sns_popup_wrap .sns_close_btn{width:5.05rem;height:5.05rem;line-height:5.05rem;text-align:center;background-color:#ffa800;display:block;margin-left:auto;}
.sns_popup_wrap .sns_close_btn img{width:2.2rem;}
.sns_popup_wrap .sns_contents_list{text-align:center;}
.sns_popup_wrap .sns_contents_list{margin-bottom:3rem;}
.sns_popup_wrap .sns_contents_list:last-child{margin-bottom:0;} 
.sns_popup_wrap .sns_contents{display:inline-block;}
.sns_popup_wrap .sns_contents img{width:6.7rem;height:auto;}