@charset "utf-8";
/*@import url('base.css');*/
/*@import url('common.css');*/

/*
 * layout CSS Document
 *
 */

/* ie update */
#update{position:fixed; top:0px; left:0px; z-index:99; width:100%; background:#1a1b1d; text-align:center; font-weight:300; color:#f9ed89;}
#update a{display:inline-block; margin-left:10px; color:#ff7f7f;}

/* skip navigation */
#skip_menu{position:relative; height:0px; z-index:9999; text-align:center;}
#skip_menu a{display:block; position:absolute; top:-35px; left:0px; z-index:9999; height:33px; line-height:31px; box-sizing:border-box; padding:0 10px; background:#fcfcfc; border:2px solid #262626; border-top-width:0px; color:#555; font-size:14px;}
#skip_menu a:hover,
#skip_menu a:focus,
#skip_menu a:active{top:0px;}

/* sns */
[data-sns-icon]{display:inline-block; position:relative; width:35px; height:35px; box-sizing:border-box; background:#eee; border-radius:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-sns-icon]:after{content:''; display:block; position:absolute; top:50%; left:50%; width:24px; height:24px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; transform:translate(-50%, -50%);}
[data-sns-icon="facebook"]{background:#3b5a9a;}
[data-sns-icon="facebook"]:after{height:16px; background-image:url(../images/common/icon_sns_facebook.svg) !important;}
[data-sns-icon="band"]{background:#1ac620;}
[data-sns-icon="band"]:after{width:29px; height:10px; background-image:url(../images/common/icon_sns_band.png) !important;}
[data-sns-icon="url"]{background:#fff; border:1px solid #e0dedf;}
[data-sns-icon="url"]:after{content:'URL'; width:auto; height:auto;/*  font-family:'Spoqa Han Sans Neo', Sans-serif; */ text-indent:0; font-size:13px; color:#444; font-weight:300;}
[data-sns-icon="blog"]{background:#1eaa3a;}
[data-sns-icon="blog"]:after{height:20px; background-image:url(../images/common/icon_sns_blog.svg) !important;}
[data-sns-icon="post"]{background:#1eaa3a;}
[data-sns-icon="post"]:after{height:25px; background-image:url(../images/common/icon_sns_post.svg) !important;}
[data-sns-icon="youtube"]{background:#d3171f;}
[data-sns-icon="youtube"]:after{background-image:url(../images/common/icon_sns_youtube.svg) !important;}
[data-sns-icon="instar"]{background:url(../images/common/bg_sns_instar.jpg) no-repeat 50% 50%;}
[data-sns-icon="instar"]:after{background-image:url(../images/common/icon_sns_instar.svg) !important;}
[data-sns-icon="kakach"]{background:transparent}
[data-sns-icon="kakach"]:after{width:35px; height:38px; background-image:url(../images/common/icon_sns_kakach.svg) !important;}

/* header */
#header{background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;     height: 70px; margin-top: 15px; padding-top: 15px;}
#header h1{flex:none; position:relative; z-index:20; width:240px; height:31px; margin-bottom:26px;}
#header h1 > a{display:block; height:100%; background:url(../images/common/logo.svg) no-repeat 50% 0; background-size:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
#header > .inr{position:relative;  display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; min-height:0px; padding:0 0px;}
[data-header="box"]{margin:0 auto; display:flex; flex-flow:row wrap; align-items:flex-start; height:100%;}
[data-header="box"] .util{padding-top:4px; margin-right:-10px;}
.ie #header > .inr{height:120px;}
.ie [data-header="box"]{height:auto;}
/* gnb */
#header nav .gnb > li{display:inline-block;}
#header nav .gnb > li > a{display:inline-block; position:relative; margin-right:90px; margin-left: 90px; padding-top:5px; padding-bottom:22px; /* font-family:'Spoqa Han Sans Neo', Sans-serif; */ font-size:22px; font-weight:600;}
#header nav .gnb > li > a > span:after{content:''; display:inline-block; position:absolute; bottom:0px; left:0px; width:100%; height:3px; background:#4a60c2; transform:scaleX(0); transform-origin:0 0; transition:0.3s ease-in 0s;}
#header nav .gnb li.active > a{color:#4a60c2;}
#header nav .gnb > li.active > a{color:#000;}
#header nav .gnb > li.active > a > span:after{transform:scaleX(1);}
#header nav .gnb > li ul a{display:inline-block; letter-spacing:-1px;  font-size:16px;}
#header nav .gnb > li .box > ul{flex:auto; width:calc(100% - 770px); margin-left:40px; padding:30px 170px 10px 0;}
#header nav .gnb > li .box > ul > li{float:left; width:calc(100% / 5 - 30px); margin-left:30px; margin-bottom:30px;}
#header nav .gnb > li .box > ul > li:nth-child(5n+1){clear:left;}
#header nav .gnb > li .box > ul > li > a{display:block; padding-bottom:5px; border-bottom:1px solid #ddd; font-size:19px; font-weight:500; transition:0.2s ease;}
#header nav .gnb > li .box > ul > li > a:hover,
#header nav .gnb > li .box > ul > li > a:focus{color:#4a60c2;}
#header nav .gnb > li .box > ul > li > ul{margin-top:10px;}
#header nav .gnb > li .box > ul > li > ul > li > a{position:relative; padding:0 15px 10px 10px; line-height:1.2; color:#444; word-break:keep-all; transition:0.2s ease;}
#header nav .gnb > li .box > ul > li > ul > li > a:before{content:''; display:block; position:absolute; top:8px; left:0px; width:4px; height:4px; background:#73797c; border-radius:100%;}
#header nav .gnb > li .box > ul > li > ul > li > a:hover,
#header nav .gnb > li .box > ul > li > ul > li > a:focus{color:#4a60c2; }
#header nav .gnb .box{position:absolute; top:100%; left:0px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:100%; z-index:50; background:#fff; border-bottom:3px solid #007aad; box-shadow:0 5px 20px rgba(0,0,0,0.05) inset;}
#header nav .gnb .box:before{content:''; display:block; position:absolute; top:0px; left:0px; width:400px; height:100%; background:#f2f4f6 url(../images/common/bg_gnb01.gif) no-repeat 0 0;}
[data-gnb-obj]{flex:none; display:flex; flex-flow:row; justify-content:flex-end; align-items:flex-start; position:relative; z-index:10; width:400px; height:100%;}
[data-gnb-obj] > div{max-width:260px; box-sizing:border-box; padding:65px 50px 65px 0; text-align:right;}
[data-gnb-obj] em,
[data-gnb-obj] span{display:block; letter-spacing:-1px;}
[data-gnb-obj] em:after{content:''; float:right; display:block; width:60px; height:1px; margin:15px 0 17px; background:#6a6a6a;}
[data-gnb-obj] em{font-size:30px; font-weight:600;}
[data-gnb-obj] em i{display:block;}
/* [data-gnb-obj] span{clear:both; line-height:1.7; font-size:19px; font-weight:300; color:#444;} */
[data-gnb-obj] span{clear:both; line-height:1.7; font-size:35px; font-weight:300; color:#000; font-weight: bolder;} /*변경*/
[data-gnb-obj] span i{display:block;}
/* util */
.area_util{position:absolute; right:80px; top:20px;}
.area_util ul > li{display:inline-block; position:relative; padding:0 10px;}
.area_util ul > li:first-child{padding-left:0px;}
.area_util ul > li:last-child{padding-right:0px;}
.area_util ul > li > a{display:inline-block; /* font-family:'Spoqa Han Sans Neo', Sans-serif; */ font-size:15px; color:#666; letter-spacing:-1px; transition:0.3s ease;}
.area_util ul > li:before{content:''; display:block; position:absolute; top:50%; left:-2px; width:1px; height:11px; margin-top:-4px; background:#d2d2d1; transform:rotate(32deg);}
.area_util ul > li:first-child:before{display:none;}
.area_util ul > li > a:hover{color:#989898;}
[data-headerUtil]{display:inline-block; position:relative; width:43px; height:35px; box-sizing:border-box; margin-left:30px; background:transparent; vertical-align:middle; /* font-family:'Spoqa Han Sans Neo', Sans-serif; */ font-size:20px; font-weight:500; text-align:center;}
[data-headerUtil] > span{display:block;}
[data-headerUtil="lang"]{margin-left:0px;}
[data-headerUtil="lang"] > span{margin-top:-3px;}
[data-headerUtil="lang"]:after{content:''; display:block; position:absolute; bottom:3px; left:50%; border-top:7px solid #000; border-left:6px solid transparent; border-right:6px solid transparent; transform:translateX(-50%);}
[data-headerUtil="search"] > span,
[data-headerUtil="menu"] > span{position:relative; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-headerUtil="search"] span:before{content:''; display:block; position:absolute; top:50%; left:50%; width:28px; height:29px; background:url(../images/common/icon_search.png) no-repeat 50% 0; background-size:100%; transform:translate(-50%,-50%);}
[data-headerUtil="menu"] span{overflow:visible; width:23px; height:23px; margin:0 auto;}
[data-headerUtil="menu"] span > i{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-headerUtil="menu"] span:before,
[data-headerUtil="menu"] span:after,
[data-headerUtil="menu"] span > i:before{content:''; display:block; position:absolute; left:0px; width:100%; height:3px; background:#000;}
[data-headerUtil="menu"] span:before{top:0px;}
[data-headerUtil="menu"] span:after{bottom:0px;}
[data-headerUtil="menu"] span > i:before{left:-8px; top:50%; width:21px; margin-top:-1.5px; transition:0.3s ease;}
[data-headerUtil="menu"]:hover span > i:before,
[data-headerUtil="menu"]:focus span > i:before{left:0px; width:23px;}
/* search */
[data-header="searchBox"]{position:absolute; bottom:0px; right:0; z-index:10; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; width:100%; box-sizing:border-box; padding-right:80px; padding-bottom:5px; background:#fff;}
[data-header="searchBox"] .box{position:relative; flex:none; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:flex-end; max-width:725px; padding-right:59px; border-bottom:1px solid #bbb;}
[data-header="searchBox"] input[type="text"]{width:610px; height:58px; margin:0px; border:0px; vertical-align:middle; /* font-family:'Spoqa Han Sans Neo', Sans-serif; */ font-size:20px;}
[data-header="searchBox"] .btn_submit{width:58px; height:58px; background:transparent url(../images/common/icon_search_blue.png) no-repeat 50% 50%; border:0px; vertical-align:middle;}
[data-header="searchBox"] .btn_close{overflow:hidden; position:absolute; right:0px; bottom:0; width:30px; height:58px; background:transparent; border:0px;}
[data-header="searchBox"] .btn_close span{display:inline-block; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-header="searchBox"] .btn_close:before,
[data-header="searchBox"] .btn_close:after{content:''; display:block; position:absolute; top:50%; left:50%; width:3px; height:30px; margin:-15px 0 0 -1.5px; background:#000; transition:0.3s ease;}
[data-header="searchBox"] .btn_close:before{transform:rotate(-45deg);}
[data-header="searchBox"] .btn_close:after{transform:rotate(45deg);}
[data-header="searchBox"] .btn_close:hover:after,
[data-header="searchBox"] .btn_close:focus:after{transform:rotate(-45deg);}
[data-header="searchBox"] input::placeholder{opacity:1; color:#bbb;}
[data-header="searchBox"] input:-ms-input-placeholder{color:#bbb;}
[data-header="searchBox"] input::-ms-input-placeholder{color:#bbb;}
.ie [data-header="searchBox"]{padding-bottom:6px;}

/* sub navi + element */
[data-layoutCont="subVisual"]{position:relative; background-color:#007dbf; background-image:linear-gradient(0deg, #007dbf 20%, #02aae9); background-image:-ms-linear-gradient(0deg, #007dbf 20%, #02aae9); background-image:-webkit-linear-gradient(0deg, #007dbf 20%, #02aae9); background-image:-moz-linear-gradient(0deg, #007dbf 20%, #02aae9); background-image:-o-linear-gradient(0deg, #007dbf 20%, #02aae9);}
[data-layoutCont="subVisual"]:before,
[data-layoutCont="subVisual"]:after{content:''; display:block; position:absolute; bottom:0px; z-index:1; width:100%; height:100%;}
[data-layoutCont="subVisual"]:before{left:0px; background:url(../images/common/img_bg_sub01.png) no-repeat 0 100%;}
[data-layoutCont="subVisual"]:after{right:0px; background:url(../images/common/img_bg_sub02.png) no-repeat 100% 100%;}
[data-layoutCont="subVisual"] .inr{position:relative; z-index:10; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; max-width:1400px; height:80px; margin:0 auto; padding:0 15px;}
[data-layoutCont="subVisual"] .area_pageNavi ol > li{display:inline-block; position:relative; padding:0 15px; font-size:15px; color:#fff;}
[data-layoutCont="subVisual"] .area_pageNavi ol > li:before{content:''; display:block; position:absolute; left:-2.5px; top:50%; width:5px; height:9px; margin-top:-4.5px; background:url(../images/common/img_navi_arrow.png) no-repeat 50% 0;}
[data-layoutCont="subVisual"] .area_pageNavi ol > li:first-child{padding-left:0px;}
[data-layoutCont="subVisual"] .area_pageNavi ol > li:first-child:before{display:none;}
[data-layoutCont="subVisual"] .area_pageNavi ol > li:last-child{padding-right:0px;}
[data-layoutCont="subVisual"] .area_pageNavi ol > li:first-child > span{display:inline-block; width:14px; height:13px; background:url(../images/common/icon_home.png) no-repeat 50% 0; background-size:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-layoutCont="subVisual"] .area_pageNavi ol > li *{color:#fff;}
[data-layoutCont="subVisual"] .area_pageNavi ol > li a{display:inline-block;}
/* element */
.area_element:after{content:''; display:block; clear:both;}
.area_element [data-element]{display:block; position:relative; background:transparent; width:33px; height:80px;}
.area_element [data-element] > span{display:block; width:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.area_element [data-element] > span:before{content:''; display:block; position:absolute; top:50%; left:50%; width:25px; height:22px; margin:-11px 0 0 -13px; background-repeat:no-repeat; background-position:50% 0; background-size:100%;}
[data-element="share"] > span:before{background-image:url(../images/common/icon_share.png);}
[data-element="bookmart"] > span:before{background-image:url(../images/common/icon_bookmark.png);}
[data-element="bookmart"].on > span:before{background-image:url(../images/common/icon_bookmark_on.png);}
[data-element="print"] > span:before{background-image:url(../images/common/icon_print.png);}
.area_element > ul{float:left;}
.area_element > ul > li{display:inline-block; position:relative; margin:0 10px; vertical-align:middle;}
.area_element > ul > li:last-child{margin-right:0px;}
.area_element > ul > li:before{content:''; opacity:0.5; display:block; position:absolute; left:-12px; top:50%; width:1px; height:12px; margin-top:-5px; background:#fff;}
.box_share{float:left; position:relative; margin-right:10px;}
.box_share .list_share{display:none; position:absolute; top:80px; left:50%; background:#fff; border:1px solid #dedcdd; transform:translateX(-50%); -webkit-transform:translateX(calc(-50% + 0.5px));}
.box_share .list_share:before,
.box_share .list_share:after{content:''; display:inline-block; position:absolute; bottom:100%; left:50%; border:solid transparent;}
.box_share .list_share:before{margin-left:-7px; border-color:rgba(222,250,221,0); border-bottom-color:#dedcdd; border-width:7px;}
.box_share .list_share:after{margin-left:-6px; border-color:rgba(255,255,255,0); border-bottom-color:#fff; border-width:6px;}
.box_share .list_share ul{padding:0 10px 10px;}
.box_share .list_share ul > li{padding-top:10px; padding-left:0px; margin-bottom:0px;}

/* lnb  */
[data-layoutCont="lnb"]{float:left; width:260px; padding-bottom:130px;}
[data-layoutCont="lnb"] h2{position:relative; margin-bottom:25px; line-height:1.2; font-size:30px; font-weight:600; letter-spacing:-1px; word-break:keep-all;}
[data-layoutCont="lnb"] h2:before,
	/*
    [data-layoutCont="lnb"] h2:after{content:''; display:block; width:10px; height:10px; border-radius:100%;}
    [data-layoutCont="lnb"] h2:before{margin-bottom:5px; background:#f18500;}
    [data-layoutCont="lnb"] h2:after{position:absolute; left:15px; top:0px; background:#00a3e7;}
    */
.lnb > ul > li a{display:inline-block; position:relative; line-height:1.2; letter-spacing:-1px; word-break:keep-all;}
.lnb > ul > li a.on + ul{display:block;}
.lnb > ul > li:last-child{border-bottom:1px solid #e0e0e0;}
.lnb > ul > li{border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; transition:0.3s ease;}
.lnb > ul > li > a{display:block; padding:20px 17px; transition:0.3s ease;}
.lnb > ul > li > a.open{padding-right:40px;}
.lnb > ul > li > a.open i{opacity:0; visibility:hidden; display:inline-block; width:0px; height:0px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.lnb > ul > li > a.open:before,
.lnb > ul > li > a.open:after{content:'';display:block;position:absolute;right:23px;top:50%;width:2px;height:12px;margin-top:-6px;background: #757575;}
.lnb > ul > li > a.open:after{transform:rotate(-90deg);}
.lnb > ul > li > a.on{color:#4a60c2; font-weight:500;}
.lnb > ul > li.active{border-top-color:#4a60c2; border-bottom-color:#4a60c2; background:#f7f9fc;}
.lnb > ul > li.active > a{ font-weight:500;}
.lnb > ul > li.active > a.open:before,
.lnb > ul > li.active > a.open:after{display:none;}
.lnb > ul > li > ul{display:none; margin:0 17px; padding:17px 0 17px; border-top:1px dashed #cbcfd2;}
.lnb > ul > li > ul > li > a{padding-left:13px; margin-bottom:6px; line-height:1.3; font-size:15px; color:#333;}
.lnb > ul > li > ul > li > a.on span{box-shadow:0 -1px 0px rgba(85,85,85,1) inset;}
.lnb > ul > li > ul > li > a:before{content:''; display:block; position:absolute; left:5px; top:7px; width:3px; height:3px; border-radius:100%; background:#333;}
.btn_lnb_mob{position:relative; display:none; flex-wrap:wrap; justify-content:flex-start; align-items:center; width:100%; min-height:45px; box-sizing:border-box; padding:10px 35px 10px 15px; background:#fff; border:1px solid #e2e2e2; font-size:16px; transition:0.3s ease;}
.btn_lnb_mob:after{content:''; display:block; position:absolute; right:15px; border-top:5px solid #4e4e4e; border-left:5px solid transparent; border-right:5px solid transparent; transform:rotate(0deg); transition:transform 0.3s ease;}
.btn_lnb_mob.active:after{transform:rotate(180deg);}
.btn_lnb_mob.active{border-color:#4e4e4e;}

/* snb */
[data-layoutCont="snb"]{margin-bottom:45px;}
[data-layoutCont="snb"].small{border-bottom:1px solid #e2e2e2;}
.snb > ul{display:flex; flex-flow:row wrap; justify-content:flex-start;}
.snb > ul > li{flex:0 0 25%; min-height:50px; margin-bottom:-1px;}
.snb > ul > li > a{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:100%; margin-left:-1px; padding:10px; box-sizing:border-box; line-height:1.3; background:#fff; border:1px solid #e2e2e2; font-size:17px; font-weight:300; color:#333; letter-spacing:-0.5px; word-break:keep-all; text-align:center;}
.snb > ul > li > a.on{position:relative; z-index:4; background:#4e4e4e; border-color:#4e4e4e; font-weight:500; color:#fff;}
.btn_snb_mob{position:relative; display:none; flex-wrap:wrap; justify-content:flex-start; align-items:center; width:100%; min-height:45px; box-sizing:border-box; padding:10px 35px 10px 15px; background:#fff; border:1px solid #e2e2e2; font-size:16px; transition:0.3s ease;}
.btn_snb_mob:after{content:''; display:block; position:absolute; right:15px; border-top:5px solid #4e4e4e; border-left:5px solid transparent; border-right:5px solid transparent; transform:rotate(0deg); transition:transform 0.3s ease;}
.btn_snb_mob.active:after{transform:rotate(180deg);}
.btn_snb_mob.active{border-color:#4e4e4e;}

/* tab */
[data-layoutCont="tab"]{margin-bottom:30px;}
[data-layoutCont="tab"] > ul{display:flex; flex-flow:row wrap; justify-content:flex-start;}
[data-layoutCont="tab"] > ul > li{flex:auto; position:relative; margin-left:-1px;}
[data-layoutCont="tab"] > ul > li > a{display:block; padding:15px; border:1px solid #c7c7c7; font-size:17px; font-weight:500; text-align:center;}
[data-layoutCont="tab"] > ul > li > a:before{content:''; opacity:0; display:block; position:absolute; top:0px; left:0px; z-index:5; width:100%; height:100%; box-sizing:border-box; border:2px solid #184aa9; transition:0.3s ease;}
[data-layoutCont="tab"] > ul > li > a.on{color:#184aa9;}
[data-layoutCont="tab"] > ul > li > a.on:before{opacity:1;}
.ie [data-layoutCont="tab"] > ul > li > a.on:focus{outline:1px solid #000;}
[data-layoutCont="tab"] > ul.fix > li{flex:0 1 20%; min-height:50px; margin-bottom:-1px;}
[data-layoutCont="tab"] > ul.fix > li > a{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:100%; box-sizing:border-box; padding:10px; line-height:1.3;}

/* checkTab */
[data-layoutCont="checkTab"]{background:#f5f5f5; border-radius:5px; padding:15px;}
[data-layoutCont="checkTab"] > ul{display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
[data-layoutCont="checkTab"] > ul > li{display:flex; flex-flow:column; justify-content:center; min-width:130px; height:40px; margin-left:10px; margin-top:4px;}
[data-layoutCont="checkTab"] > ul > li > a{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:100%; line-height:1.3; box-sizing:border-box; background:#fff; border:1px solid #a3acba; border-radius:4px; text-align:center; font-size:16px;padding:0 10px;}
[data-layoutCont="checkTab"] > ul > li > a:after{content:''; display:none; width:16px; height:11px; margin-left:3px; background:url(../images/content/img_checktab_on.png) no-repeat 50% 0; background-size:auto 100%;}
[data-layoutCont="checkTab"] > ul > li.on > a{background:#1684c6; border-color:#1684c6; color:#fff;}
[data-layoutCont="checkTab"] > ul > li.on > a:after{display:inline-block;}
[data-layoutCont="checkTab"] > ul > li > a br{display:none;}
.tab_spare_conts > div{display:none;}

/* 전체메뉴 */
.mob_util{display:none;}
.mob_util ul > li{display:inline-block; margin-right:2px;}
.mob_util ul > li > a{display:inline-block; padding:0 10px; font-size:12px; color:#fff;}
.mob_util ul > li > a:not([data-headerUtil]){height:25px; line-height:24px; border:1px solid #fff; border-radius:50rem;}
.mob_util [data-headerUtil="lang"]:after{border-top-color:#fff; border-width:5px 4px 0px;}
[data-menuAll="box"]{opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.6); transition:0.3s ease 0s;}
[data-menuAll="box"].active{opacity:1; visibility:visible;}
[data-menuAll="box"] .inr{position:absolute; top:50%; left:50%; width:90%; height:90%; background:#fff; transform:translate(-50%, -50%);}
[data-menuAll="box"] h2{display:flex; flex-flow:row; justify-content:center; align-items:center; height:100px; padding:0 15px; background:#4a60c2; font-size:36px; font-weight:500; letter-spacing:-1px; color:#fff; text-align:center;}
[data-menuAll="box"] .btn_close{position:absolute; right:20px; top:20px; width:30px; height:58px; background:transparent; border:0px;}
[data-menuAll="box"] .btn_close span{display:inline-block; padding-top:25px; font-size:16px; font-weight:300; color:#fff; white-space:nowrap;}
[data-menuAll="box"] .btn_close:before,
[data-menuAll="box"] .btn_close:after{content:''; display:block; position:absolute; top:0; left:50%; width:2px; height:30px; margin:0 0 0 -1.5px; background:#fff; transition:0.3s ease;}
[data-menuAll="box"] .btn_close:before{transform:rotate(-45deg);}
[data-menuAll="box"] .btn_close:after{transform:rotate(45deg);}
[data-menuAll="box"] .btn_close:hover:after,
[data-menuAll="box"] .btn_close:focus:after{transform:rotate(-45deg);}
[data-menuall="gnb"]{overflow-y:auto; height:calc(100% - 100px);}
[data-menuall="gnb"] .gnb{display:flex; flex-flow:row nowrap; justify-content:space-around; align-items:stretch; padding:45px 20px;}
[data-menuall="gnb"] .gnb > li{width:calc(100% / 6); box-sizing:border-box; padding:0 30px;}
[data-menuall="gnb"] .gnb > li a{display:inline-block; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; word-wrap:break-word;}
[data-menuall="gnb"] .gnb > li > a{font-size:28px; font-weight:500;}
/* [data-menuall="gnb"] .gnb > li:nth-of-type(1){flex:none; width:30%;}
[data-menuall="gnb"] .gnb > li:nth-of-type(1) .box > ul{-webkit-columns:150px 2; -moz-columns:150px 2; columns:150px 2; column-gap:40px;}
[data-menuall="gnb"] .gnb > li:nth-of-type(1) .box > ul > li{-webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid;} */
[data-menuall="gnb"] .gnb .box{position:relative; height:100%;}
[data-menuall="gnb"] .gnb .box:after{content:''; display:block; position:absolute; right:-30px; top:0px; width:1px; height:calc(100% - 30px); border-right:1px dashed #ccc;}
[data-menuall="gnb"] .gnb .box > ul > li > a{display:inline-block; padding:8px 0 5px; color:#007aad; font-size:20px; font-weight:500;}
[data-menuall="gnb"] .gnb .box > ul > li > ul{margin-bottom:10px;}
[data-menuall="gnb"] .gnb .box > ul > li > ul > li > a{position:relative; padding-left:12px; padding-bottom:6px; font-size:17px; color:#444; transition:0.2s ease;}
[data-menuall="gnb"] .gnb .box > ul > li > ul > li > a:before{content:''; display:block; position:absolute; left:1px; top:9px; width:6px; height:2px; background:#7e8284;}
[data-menuall="gnb"] .gnb .box > ul > li > ul > li > a:focus,
[data-menuall="gnb"] .gnb .box > ul > li > ul > li > a:hover{color:#007aad;}
[data-menuall="gnb"] .gnb > li:last-child .box:after{display:none;}
.ie [data-menuall='gnb'] .gnb > li a{word-break:break-all;}

/* 담당부서정보 및 페이지평가 */
[data-layoutCont="pageInfo"]{background:#fff; border:1px solid #dcdedf;}
[data-layoutCont="pageInfo"] .depart,
[data-layoutCont="pageInfo"] .eval{padding:15px 25px;}
[data-layoutCont="pageInfo"] .depart{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; background:#f0f1f1;}
[data-layoutCont="pageInfo"] .depart ul{flex:none; display:flex; flex-wrap:wrap; justify-content:flex-start; position:relative; box-sizing:border-box; margin-right:45px; padding-left:27px;}
[data-layoutCont="pageInfo"] .depart ul:last-child{width:100%; margin-right:0px;}
[data-layoutCont="pageInfo"] .depart ul:before{content:''; display:block; position:absolute; left:0px; top:50%; width:17px; height:18px; margin-top:-8px; background:url(../images/common/icon_page_info01.png) no-repeat 50% 0; background-size:auto 100%;}
[data-layoutCont="pageInfo"] .depart ul > li{flex:none; display:flex; flex-wrap:wrap; justify-content:flex-start; margin-right:15px; font-size:17px; font-weight:300; color:#111;}
[data-layoutCont="pageInfo"] .depart ul > li em{flex:none; margin-right:4px; font-weight:500; color:#585e66;}
[data-layoutCont="pageInfo"] .depart ul > li span{flex:none;}
[data-layoutCont="pageInfo"] .depart ul > li span a{color:#111;}
[data-layoutCont="pageInfo"] .depart ul > li:last-child{margin-right:0px;}
[data-layoutCont="pageInfo"] .eval p{position:relative; padding-left:27px; font-size:17px; color:#111 !important; font-weight:300;}
[data-layoutCont="pageInfo"] .eval p:before{content:''; display:block; position:absolute; left:0px; top:5px; width:17px; height:18px; background:url(../images/common/icon_page_info02.png) no-repeat 50% 0; background-size:auto 100%;}
[data-eval="form"]{margin-top:5px; padding-left:28px;}
[data-eval="form"] ul{display:inline-block;}
[data-eval="form"] ul > li{display:inline-block; margin-right:12px;}
[data-eval="form"] input[type="radio"] + label{margin-right:0px;}
[data-eval="form"] > span{display:inline-block; width:55%;}
[data-eval="form"] input[type="text"]{width:calc(100% - 80px); height:35px;}
[data-eval="form"] .btn_submit{display:inline-block; height:35px; line-height:35px; padding:0 7px; margin-left:5px; background:#3e4149; border:0px; border-radius:50rem; color:#fff; font-size:15px; font-weight:500; transition:0.3s ease;}
[data-eval="form"] .btn_submit:hover{background:#5a5e69;}

/* footer */
#footer{margin-top:60px; background:#272e42;}
#footer .inr_top{background:#e5e7eb;}
#footer .inr_top .box,
#footer .inr_bottom{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; max-width:1400px; margin:0 auto;}
#footer .inr_top .box{min-height:50px; padding:0 15px 0 5px;}
#footer .inr_bottom{padding:17px 15px;}
[data-footer="link"]{flex:none; padding:5px 0px; font-size:0px;}
[data-footer="link"] > li{display:inline-block;}
[data-footer="link"] > li > a{display:inline-block; position:relative; padding:5px 10px; font-size:15px; letter-spacing:-0.5px; color:#222; transition:0.3s ease;}
[data-footer="link"] > li > a:before{content:''; display:block; position:absolute; top:50%; right:0px; width:1px; height:15px; margin-top:-7.5px; background:#a7aab1;}
[data-footer="link"] > li:last-child > a:before{display:none;}
[data-footer="link"] > li > a:hover,
[data-footer="link"] > li > a:focus{color:#666;}
[data-footer="link"] > li > a.staff{color:#777;}
[data-footer="link"] > li:nth-child(2) > a{color:#1E64AA; font-weight: bold;}
[data-footer="relate"]{flex:none;}
[data-footer="relate"] .list{font-size:0px;}
[data-footer="relate"] .list > li{display:inline-block; position:relative; width:196px; margin-left:1px;}
[data-footer="relate"] .list > li ul{display:none; position:absolute; bottom:100%; left:0px; z-index:30; width:100%; box-sizing:border-box; padding:17px 13px; background:#fff; border:1px solid #272e42;}
[data-footer="relate"] .list > li a{display:inline-block; position:relative; font-size:15px; letter-spacing:-0.5px; line-height:1.2;}
[data-footer="relate"] .list > li ul > li > a{padding-left:10px; margin-bottom:5px; transition:0.2s ease;}
[data-footer="relate"] .list > li ul > li > a span{box-shadow:none; transition:0.2s ease;}
[data-footer="relate"] .list > li ul > li > a:hover{color:#007aad;}
[data-footer="relate"] .list > li ul > li > a:hover span{box-shadow:0 -1px 0px rgba(0,123,173,1) inset;}
[data-footer="relate"] .list > li ul > li > a:before{content:''; display:block; position:absolute; left:0px; top:6px; width:4px; height:4px; background:#b4b4b4; border-radius:100%;}
[data-footer="relate"] a[target="_blank"]:after{display:none;}
[data-footer="relate"] button{display:block; position:relative; width:100%; height:50px; box-sizing:border-box; padding:0 35px 0 15px; background:#ced1d6; color:#222; letter-spacing:-0.5px; font-size:15px; text-align:left;}
[data-footer="relate"] button:after{content:''; display:block; position:absolute; right:15px; top:50%; margin-top:-3px; border-top:6px solid #222; border-left:5px solid transparent; border-right:5px solid transparent; transform:rotate(0deg); transition:transform 0.3s ease;}
[data-footer="relate"] button.active:after{transform:rotate(180deg);}
[data-footer="relate"] button span{position:relative;}
#footer .inr_bottom .left{font-size:15px; color:#b8bcc9; letter-spacing:-0.5px; font-weight:300;}
#footer .inr_bottom .left p{margin-top:5px; letter-spacing:0.5px; font-size:14px;}
#footer .inr_bottom .right{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
#footer .inr_bottom .right .banner_img{display:inline-block; width:61px; height:43px; margin:0 7px; background-repeat:no-repeat; background-position:50% 0; background-size:auto 100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
#footer .inr_bottom .right .banner_img.safe{width:47px; background-image:url(../images/common/img_safetyCap.png);}
#footer .inr_bottom .right .banner_img.good{background-image:url(../images/common/img_goodCont.png);}
#footer .inr_bottom .right .banner_img.gov{width:72px; background-image:url(../images/common/img_gov.png);}
#footer .inr_bottom .right .banner_img.wa{width:57px; height:36px; background-image:url(../images/common/img_webacc3.png);}
.box_memberCenter{margin-left:20px; padding-left:20px; border-left:1px solid rgba(255,255,255,0.2);}
.box_memberCenter > li{margin-top:5px;}
.box_memberCenter > li:first-child{margin-top:0px;}
.box_memberCenter > li em{display:block; line-height:1.2; font-size:14px; color:#fff; font-weight:300; letter-spacing:-0.5px;}
.box_memberCenter > li em i{color:#a2a7b4;}
.box_memberCenter > li span{display:block; margin-top:2px; font-size:20px; color:#f9ae00; font-weight:300;}
.box_memberCenter > li span a{display:inline-block; color:#f9ae00;}

a.btn_top{opacity:0; display:inline-block; position:fixed; bottom:30px; right:50%; z-index:30; width:48px; height:48px; line-height:40px; box-sizing:border-box; margin-right:-780px; padding-top:10px; background:rgba(108,108,108,0.8); border-radius:100%; color:#fff; font-size:13px; text-align:center; transition:0.3s ease;}
a.btn_top:before,
a.btn_top:after{content:''; display:block; position:absolute; top:50%; left:50%; width:2px; height:8px; margin-top:-13px; background:#fff;}
a.btn_top:before{margin-left:-4px; transform:rotate(45deg);}
a.btn_top:after{margin-left:1px; transform:rotate(-45deg);}
a.btn_top:hover,
a.btn_top:focus{background:rgba(108,108,108,1);}
a.btn_top.fix{opacity:1;}

/* 레이어팝업 */
[data-poplayout="box"]{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.6);}
[data-poplayout="box"] .layout_box{overflow-y:auto; position:absolute; top:50%; left:50%; width:1040px; height:700px; box-sizing:border-box; padding:40px; background:#fff; transform:translate(-50%, -50%);}
[data-poplayout="box"] .layout_conts{min-height:400px; padding:30px; border:1px solid #ddd;}
.ie [data-poplayout="box"] .layout_box .area_btnbox{padding-bottom:30px;}
#content [data-poplayout="box"] .layout_box h4{margin-top:0px; margin-bottom:20px; font-size:25px; letter-spacing:-1px; font-weight:600;}





@media screen and (min-width:769px){
	[data-layoutcont="snb"] nav{display:block !important;}
}



@media screen and (max-width:1660px){
	[data-menuall="gnb"] .gnb{flex-flow:row wrap; justify-content:space-between; padding-bottom:0px;}
	[data-menuall="gnb"] .gnb > li{flex:auto; width:calc(100% / 4 - 0.1px); margin-bottom:80px;}
	/* [data-menuall="gnb"] .gnb > li:nth-of-type(1),
	[data-menuall="gnb"] .gnb > li:nth-of-type(6){flex:none; width:40%;} */
	[data-menuall="gnb"] .gnb > li:nth-of-type(4) .box:after{display:none;}
}








@media screen and (max-width:1024px){
	#header h1{width:192px; height:25px;}
	#header nav .gnb > li > a{margin-right:38px;}
	#header nav .gnb > li .box > ul{padding:30px 15px 10px; margin-left:-15px;}

	[data-menuall="gnb"] .gnb{padding-left:10px; padding-right:10px;}
	[data-menuall="gnb"] .gnb > li > a{font-size:23px;}
	[data-menuall="gnb"] .gnb .box > ul > li > ul > li > a{font-size:15px;}

	[data-layoutCont="lnb"]{width:200px;}

	.snb > ul > li > a{word-break:break-all;}

	[data-eval="form"] > span{width:45%;}

	[data-poplayout="box"] .layout_box{width:90% !important; height:90vh;}

	[data-footer="link"]{margin-left:5px;}
	[data-footer="link"] > li > a{font-size:13px;}
	[data-footer="relate"] button{font-size:13px;}
	[data-footer="relate"] .list > li a{font-size:14px;}
	[data-footer="link"] > li:nth-child(2) > a{color:#1E64AA; font-weight: bold;}
}

@media screen and (max-width:768px){
	html,body{font-size:15px;}
	[data-sns-icon="band"]:after{background-image:url(../images/common/icon_sns_band@x3.png);}



	[data-footer="link"] > li:nth-child(2) > a{color:#1E64AA; font-weight: bold;}
	.area_util{display:none;}
	[data-headerUtil]{width:34px; height:28px; margin-left:0px;}
	[data-headerUtil="lang"]{display:none;}
	[data-headerutil="search"]{position:absolute; right:15px; top:50%; margin-top:-14px; margin-right:-5px;}
	[data-headerUtil="search"] span:before{width:22px; height:23px; background-image:url(../images/common/icon_search@x3.png);}
	[data-headerutil="menu"]{position:absolute; left:15px; top:50%; margin-top:-14px;}
	[data-headerUtil="menu"] span{width:20px; height:20px;}
	[data-headerUtil="menu"]:hover span > i:before,
	[data-headerUtil="menu"]:focus span > i:before{left:0px; width:20px;}


	.mob_util{display:block; position:absolute; top:13px; right:55px;}
	[data-menuAll="box"] h2{justify-content:flex-start; height:55px; font-size:18px;}
	[data-menuAll="box"] .inr{top:0px; left:-100%; height:100%; transform:translate(0,0); transition:0.5s ease-out 0s;}
	[data-menuAll="box"].active .inr{left:0px; transition-delay:0.3s;}
	[data-menuall="gnb"]{height:calc(100% - 55px);}
	[data-menuall="gnb"] .gnb{display:block; padding:0px 0px 30px;}
	[data-menuall="gnb"] .gnb li ul{display:none;}
	[data-menuall="gnb"] .gnb li a{position:relative;}
	[data-menuall="gnb"] .gnb > li{width:100% !important; padding:0px; margin-bottom:0px; border-bottom:1px solid #cfd3d7;}
	[data-menuall="gnb"] .gnb > li:last-child{border-bottom-width:1px;}
	[data-menuall="gnb"] .gnb > li > a{display:block; padding:13px 15px; background:#f4f8fc; font-size:20px; font-weight:500; letter-spacing:-0.5px;}
	[data-menuall="gnb"] .gnb > li > ul{padding:0;}
	[data-menuall="gnb"] .gnb > li > ul > li{border-top:1px solid #e8eaed;}
	[data-menuall="gnb"] .gnb > li > ul > li:first-child{border-top-width:0px;}
	[data-menuall="gnb"] .gnb > li > ul > li > a{display:block; padding:10px 15px; font-size:18px; color:#4a60c2; font-weight:500; letter-spacing:-0.5px;}
	[data-menuall="gnb"] .gnb > li > ul > li > ul{padding:15px; margin-bottom:0px; border-top:1px solid #e8eaed;}
	[data-menuall="gnb"] .gnb > li > ul > li > ul > li > a{display:block; position:relative; padding-left:10px; margin-bottom:5px; color:#444; font-size:15px; letter-spacing:-0.5px;}
	[data-menuall="gnb"] .gnb > li > ul > li > ul > li > a:before{content:''; display:block; position:absolute; left:1px; top:9px; width:5px; height:2px; background:#a0a3a5;}
	[data-menuall="gnb"] .gnb a.open{padding-right:40px;}
	[data-menuall="gnb"] .gnb a.open i{opacity:0; visibility:hidden; display:inline-block; width:0px; height:0px; text-indent:100%; overflow:hidden; white-space:nowrap;}
	[data-menuall="gnb"] .gnb a.open:before,
	[data-menuall="gnb"] .gnb a.open:after{content:''; display:block; position:absolute; right:23px; top:50%; width:2px; height:12px; margin-top:-6px; background:#94a5b4; transition:0.3s ease 0s;}
	[data-menuall="gnb"] .gnb a.open:before{transform:rotate(0deg);}
	[data-menuall="gnb"] .gnb a.open:after{transform:rotate(-90deg);}
	[data-menuall="gnb"] .gnb a.open.active:before{transform:rotate(-90deg);}
	[data-menuall="gnb"] .gnb > li > ul > li > a.open:before,
	[data-menuall="gnb"] .gnb > li > ul > li > a.open:after{right:25px; height:8px; margin-top:-4px; background:#4a60c2;}
	[data-menuall="gnb"] .gnb > li > ul > li > a.open:before{margin-left:-5px; transform:rotate(-45deg);}
	[data-menuall="gnb"] .gnb > li > ul > li > a.open:after{margin-right:-5px; transform:rotate(45deg);}
	[data-menuall="gnb"] .gnb > li > ul > li > a.open.active:before{transform:rotate(45deg);}
	[data-menuall="gnb"] .gnb > li > ul > li > a.open.active:after{transform:rotate(-45deg);}
	[data-menuAll="box"] .btn_close{right:15px; height:35px; top:12px;}
	[data-menuAll="box"] .btn_close span{padding-top:12px;  font-size: 10px;}
	[data-menuAll="box"] .btn_close:before,
	[data-menuAll="box"] .btn_close:after{height:13px;}

	[data-layoutCont="lnb"]:not(.mobShow){display:block;}
	[data-layoutCont="lnb"].mobShow{position:relative; width:100%; padding-bottom:40px;}
	[data-layoutCont="lnb"].mobShow h2{display:none;}
	[data-layoutCont="lnb"].mobShow nav{display:none; width:100%; box-sizing:border-box; background:#fff; border:1px solid #e2e2e2; border-top-width:0px;}
	[data-layoutCont="lnb"].mobShow .lnb > ul > li{min-height:inherit;}
	[data-layoutCont="lnb"].mobShow .lnb > ul > li > a{min-height:inherit; margin:0px; padding:15px; border-top-width:1px;}
	[data-layoutCont="lnb"].mobShow .lnb > ul > li:last-child{border-bottom-width:0px;}
	.btn_lnb_mob{display:flex; text-align:left; line-height:1.3;}

	[data-layoutCont="checkTab"] > ul{justify-content:flex-start;}
	[data-layoutCont="checkTab"] > ul > li{min-width:120px;}
	[data-layoutCont="checkTab"] > ul > li > a{font-size:15px;}
	[data-layoutCont="checkTab"] > ul > li > a:after{width:13px; height:9px;}

	[data-layoutCont="subVisual"]:before{background-size:344px 160px;}
	[data-layoutCont="subVisual"]:after{background:url(../images/common/img_bg_sub02_m.png) no-repeat 99% 0; background-size:30px 25px;}

	#footer .inr_top .box{padding:0px;}
}





@media screen and (max-width:768px){
	[data-layoutCont="subVisual"] .inr{flex-flow:column; height:auto; padding:20px 15px 15px;}
	[data-layoutCont="subVisual"] .area_pageNavi ol{text-align:center;}
	[data-layoutCont="subVisual"] .area_pageNavi ol > li{font-size:13px;}
	[data-layoutCont="subVisual"]:before{background-position-x:-25%;}
	.area_element{margin-top:15px;}
	.area_element [data-element]{height:33px;}
	.box_share .list_share{top:calc(100% + 15px);}
	.ie [data-layoutCont="subVisual"] .inr{display:block;}
	.ie .area_element{display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}

	.btn_snb_mob{display:flex; text-align:left; line-height:1.3;}
	.snb > ul{display:block;}
	.snb > ul > li{min-height:inherit; margin:2px 0px;}
	.snb > ul > li > a{display:block; padding:5px; border:0px; text-align:left;}
	[data-layoutcont="snb"]{position:relative;}
	[data-layoutcont="snb"] nav{display:none; width:100%; box-sizing:border-box; padding:10px; background:#fff; border:1px solid #e2e2e2; border-top-width:0px;}
	[data-layoutCont="snb"].small{border-bottom-width:0px;}

	[data-layoutCont="tab"] > ul > li > a{padding:10px; font-size:16px;}
	[data-layoutCont="tab"] > ul.fix > li{flex:0 1 33%;}
	[data-layoutCont="tab"] > ul.fix > li > a{font-size:16px;}

	[data-layoutCont="checkTab"]{padding:15px 10px;}
	[data-layoutCont="checkTab"] > ul{align-items:stretch;}
	[data-layoutCont="checkTab"] > ul > li{flex:0 1 25%; min-width:inherit; height:auto; margin-left:0px;}
	[data-layoutCont="checkTab"] > ul > li > a{align-content:center; align-items:stretch; min-height:40px; margin-left:7px; padding:0px 5px;}
	[data-layoutCont="checkTab"] > ul > li > a:after{margin:auto 0 auto 3px;}

	[data-layoutCont="pageInfo"] .depart,
	[data-layoutCont="pageInfo"] .eval{padding:15px 15px;}
	[data-layoutCont="pageInfo"] .depart{display:block;}
	[data-layoutCont="pageInfo"] .depart ul{margin-right:0px;}
	[data-layoutCont="pageInfo"] .depart ul:before{margin-top:-9px;}
	[data-layoutCont="pageInfo"] .depart ul:last-child{margin-top:5px;}
	[data-layoutCont="pageInfo"] .eval p{word-break:keep-all;}
	[data-eval="form"] input[type="radio"] + label{font-size:14px;}
	[data-eval="form"] .btn_submit{padding:0 10px; font-size:14px;}

	[data-poplayout="box"] .layout_box{padding:30px;}
	[data-poplayout="box"] .layout_conts{padding:0; border-width:0px;}
	#content [data-poplayout="box"] .layout_box h4{font-size:23px;}
}

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

@media screen and (max-width:580px){
	[data-layoutCont="subVisual"]:before{background-image:url(../images/common/img_bg_sub01_m.png); background-position-x:0; background-size:89px 49px;}
	[data-layoutCont="pageInfo"] .depart,
	[data-layoutCont="pageInfo"] .eval{padding:15px;}
	[data-layoutCont="pageInfo"] .depart{flex-flow:column; justify-content:center; align-items:flex-start;}
	[data-layoutCont="pageInfo"] .depart ul{margin-right:0px;}
	[data-layoutCont="pageInfo"] .depart ul:before{margin-top:-9px;}

	[data-layoutCont="snb"]{margin-bottom:20px;}

	[data-layoutCont="tab"]{margin-bottom:20px;}

	#footer{margin-top:40px;}
	#footer .inr_bottom .left{font-size:14px; word-break:keep-all;}
	#footer .inr_bottom .left p{font-size:13px;}
	a.btn_top{font-size:12px;}

	#content [data-poplayout="box"] .layout_box h4{font-size:20px;}
}

@media screen and (max-width:480px){
	[data-layoutCont="checkTab"] > ul > li > a{padding:2px 5px; font-size:14px;}
	[data-layoutCont="checkTab"] > ul > li > a br{display:block;}
	[data-layoutCont="checkTab"] > ul > li.on > a:after{display:none;}

	[data-layoutCont="tab"] > ul.fix > li > a{font-size:15px;}
}

@media screen and (max-width:420px){
	[data-menuAll="box"] h2{font-size:15px;}
	[data-menuall="gnb"] .gnb > li > a{font-size:18px;}
	[data-menuall="gnb"] .gnb > li > ul > li > a,
	[data-menuall="gnb"] .gnb .box > ul > li > a{font-size:16px;}

	[data-header="searchBox"] input[type="text"]{font-size:15px;}

	[data-layoutCont="pageInfo"] .depart ul > li{margin-right:10px; font-size:13px;}
	[data-layoutCont="pageInfo"] .depart ul > li:last-child em{display:none;}
	[data-layoutCont="pageInfo"] .eval p{font-size:13px;}
	[data-eval="form"] input[type="radio"] + label{font-size:13px;}
	[data-eval="form"] input[type="text"]{width:calc(100% - 70px); height:30px;}
	[data-eval="form"] .btn_submit{height:30px; line-height:30px; padding:0 5px; font-size:13px;}

	a.btn_top{font-size:10px;}

	[data-poplayout="box"] .layout_box{width:95% !important; padding:30px 15px;}
}

@media screen and (max-width:350px){
	html,body{font-size:14px;}

	#header h1{width:154px; height:20px;}
	[data-menuAll="box"] h2{font-size:0px;}
	.mob_util{right:auto; left:15px;}
	.btn_snb_mob{font-size:15px;}

	[data-layoutCont="checkTab"] > ul > li{flex:0 1 33%;}

	#content [data-poplayout="box"] .layout_box h4{font-size:18px;}
}

@media screen and (max-width:280px){
	#header h1{width:139px; height:18px;}
	#header > .inr{padding:17px 0px;}

	[data-menuall="gnb"] .gnb > li > a{font-size:17px;}
	[data-menuall="gnb"] .gnb > li > ul > li > a,
	[data-menuall="gnb"] .gnb .box > ul > li > a{font-size:15px;}
	[data-menuall="gnb"] .gnb > li > ul > li > ul > li > a,
	[data-menuall="gnb"] .gnb .box > ul > li > ul > li > a{font-size:14px;}

	[data-eval="form"]{padding-left:0px;}
	[data-eval="form"] input[type="text"]{width:100%;}
	[data-eval="form"] .btn_submit{width:100%; margin-left:0px; border-radius:3px;}

	[data-layoutCont="tab"] > ul.fix > li{flex:0 1 50%;}
}





.lnb > ul > li > a{font-size:16px; letter-spacing:0px}
.lnb > ul > li > a:hover{color:#4a60c2}






.swiper {
	width: 100%; /* 화면 전체 너비 */
	height: 100%; /* 고정된 높이 */
	position: relative; /* 부모 요소로 역할 */
}


.swiper-pagination{text-align:center;}
.swiper-pagination-bullet{background:#fff}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom,80px); }


.swiper-button-prev {color: #fff !important;}

.swiper-button-next {color: #fff !important;}

.swiper-wrapper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.swiper-slide img {
	width: 100%;
	display: block;
}


.util{display:none;}



.search_brn{}
.m_logo{display:none}




.swiper3 {width: 100%; height:400px}



@media (max-width:1300px) and (min-width: 1024px) {


	.swiper {width: 100%; height:100%}
	.swiper3 {width: 100%; height:340px}


	/*[data-header="box"] {
        margin-left: 120px;
    }*/


	[data-gnb-obj] {width: 360px;}


	#header nav .gnb .box:before { width: 360px;}




	#header nav .gnb > li > a {
		margin-right: 60px;
		margin-left: 60px;
	}




}





@media (max-width:1024px) and (min-width: 768px) {



	.swiper {width: 100%; height:100%}
	.swiper3 {width: 100%; height:260px}

	/*[data-header="box"] {
        margin-left: 100px;
    }*/

	[data-gnb-obj] {width: 160px;}

	[data-gnb-obj] em {
		font-size: 30px;
		font-weight: 600;
	}


	#header nav .gnb .box:before { width: 160px;}


	#header nav .gnb > li > a {
		margin-right: 110px;
	}


	#header nav .gnb > li > a {
		display: inline-block;
		position: relative;
		margin-right: 40px;
		margin-left: 40px;
		padding-top: 5px;
		padding-bottom: 22px;
		/* font-family: 'Spoqa Han Sans Neo', Sans-serif; */
		font-size: 20px;
		font-weight: 600;
	}

	#header nav .gnb > li .box > ul > li > a {
		display: block;
		padding-bottom: 5px;
		border-bottom: 1px solid #ddd;
		font-size: 17px;
		font-weight: 500;
		transition: 0.2s ease;
	}

	#header nav .gnb > li .box > ul > li {
		float: left;
		width: 200px;
		margin-left: 30px;
		margin-bottom: 30px;
	}









}





@media (max-width:1300px) and (min-width: 1024px) {

	#header nav .gnb .box:before{content:''; display:block; position:absolute; top:0px; left:0px; width:200px; height:100%; background:#f2f4f6 url(../images/common/bg_gnb01.gif) no-repeat 0 0;}
	[data-gnb-obj]{flex:none; display:flex; flex-flow:row; justify-content:flex-end; align-items:flex-start; position:relative; z-index:10; width:200px; height:100%;}
	#header nav .gnb > li .box > ul {flex: auto; width: calc(100% - 770px); margin-left: 40px; padding: 30px 20px 10px 0;}

}


@media (max-width:1024px) and (min-width: 768px) {

	#header nav .gnb .box:before{content:''; display:block; position:absolute; top:0px; left:0px; width:200px; height:100%; background:#f2f4f6 url(../images/common/bg_gnb01.gif) no-repeat 0 0;}
	[data-gnb-obj]{flex:none; display:flex; flex-flow:row; justify-content:flex-end; align-items:flex-start; position:relative; z-index:10; width:200px; height:100%;}
	#header nav .gnb > li .box > ul {flex: auto; width: calc(100% - 770px); margin-left: 40px; padding: 30px 20px 10px 0;}

}






/* mobile1 */
@media screen and (max-width: 768px) {
	.util{display:block;}

	.swiper {width: 100%; height:100%}
	.swiper3 {width: 100%; height:100%}

	#top_menu_warp{display:none;}
	.gnb{display:none;}

	[data-layoutCont="lnb"]:not(.mobShow) {
		display: none;
	}

	#header {
		background: #fff;
		border-top: 0px solid #ccc;
		border-bottom: 0px solid #ccc;
		height: 80px;
		margin-top: 0px;
		padding-top: 17px;
	}


	.search_brn{
		position:absolute;
		right:10px;
	}

	.m_logo{
		display:block;

		width:200px;
		margin:0 auto;

	}

	.m_logo img {width:100%}

	.search_brn img {width:90%}

	[data-headerutil="menu"] {
		position: absolute;
		left: 15px;
		top: 20px;
		margin-top: -14px;
		border:0px;
	}







}