@charset "utf-8";
@import url("../../common/lib/bootstrap/css/bootstrap.min.css");
@import url("../../common/lib/font-awesome/css/font-awesome.min.css");
@import url("../../common/lib/animate/animate.min.css");
@import url("../../common/lib/ionicons/css/ionicons.min.css");
@import url("../../common/lib/owlcarousel/assets/owl.carousel.min.css");
@import url("../../common/lib/lightbox/css/lightbox.min.css");
@import url("../../common/css/5.8.2all.css");
@import url("../../common/css/bootstrap/bootstrap-grid.css");
@import url("../../common/css/reset.css");
@import url("../../common/css/core.css");
@import url("../../common/css/font.css");
@import url("../../common/css/snowbridge.css");
@import url("../../common/fonts/icomoon/style.css");
@import url("../../common/fonts/themify-icons-font/themify-icons/themify-icons.css");
@import url("../../common/css/style.css");

/* ===========레이아웃공통=========== */
#mainNav 	{ position:fixed; transition:.5s ease-in-out /*느렸다빨리짐*/; height:90px;z-index:999999; }
#mainNav.bg { box-shadow: 1px 1px 5px rgba(0,0,0,0.2); background: #fff !important; color: #333 !important;}

.col-sm-12 {width:100% !important; margin-top:0rem;}

@media (min-width:480px){
.col-sm-12 {width:100% !important; margin-top:1rem;}
}

.h6Indiv div {margin:-15px 0 20px;}

h5, h4 {width:100%;}

@media only screen and (max-width: 600px){
.row {max-width:48rem;}
}
/* =============== support top =============== */
.overlay-mf {display:none; /* background-color: #ff6021; */ background-color: #000; }
.overlay-mf {display:none; position: absolute; top: 0; left: 0px; padding: 0; height: 100%; width: 100%; opacity: 0; }

.s_mypage .blog-masonry h2.post-title{margin-top : 10px !important; margin-bottom: 10px !important;font-weight: 500;color: #000000;}
.s_mypage .post-info {color: #444;font-weight: 400;}
.s_mypage .post-media {position: relative;}
.s_mypage .post-media .mypage_logo {
    border-radius: 5px;
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left:-75px;
    z-index: 2;
    /*border: 1px solid #eee;*/
}

.s_mypage .icon-container.blog_plus {width:100px;height: 100px; background:rgba(51,51,51,0.8); font-size: 40px; color: #fff; border-radius: 100px; text-align: center;padding-top: 30px;}
.s_mypage .post-love .icon-heart {font-size: 4rem;color:#ff6021;position: absolute;top: 13px;right: 50px;z-index: 3;}
.s_mypage .icon-dots-three-vertical {font-size: 2.8rem;}
.s_mypage_nav .post-info.boxed.bkg-charcoal.s_nav {background-color: #232323!important; padding-top: 0.5rem; padding-bottom:  0.5rem }
.s_mypage_nav .s_nav ul li a {font-size: 1.8rem; color:#fff;}
.s_mypage_nav .s_nav ul li.current a {color:#27ccc0;}

h4.sub_txtS{font-size: 1.5em; line-height: 1.2em; color: #fff; font-weight: 500; letter-spacing: -0.01em; padding-top: 7px;}
.breadcrumb{padding-left: 0px !important;}
.intro-title-2 .breadcrumb li a, .intro-title-2 .breadcrumb li  {font-size: 1.8rem !important; color: #fff;}

/* 2019-07-29 */
/*=========================================================================================================================
* 프로젝트:
* 파일명: layout.css  사이트 전체레이아웃 css
* 작업자: 한정성
* 작업일: 2018. 4 ~
=========================================================================================================================*/


/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}




/* global */
#global {position:relative; width:100%; height:45px; background:#173974; z-index:700;}
#global .global-wrap {position:relative;max-width:1200px;margin:0 auto;}
#global .global-wrap .top-lnk {float:left;}
#global .global-wrap .top-lnk a {float:left;font-size:13px;text-align:center;padding:11px 30px 10px 30px;}
#global .global-wrap .top-lnk a span {display:inline-block;position:relative;}
#global .global-wrap .top-lnk a.lnk01 {background:#059edb;color:#fff;}
#global .global-wrap .top-lnk a.lnk02 {background:#f8aa11;color:#fff;}
#global .global-wrap .top-lnk a.lnk03 {background:#38bc9a;color:#fff;}
#global .global-wrap .top-lnk a.lnk04 {background:#e9573f;color:#fff;}
#global .global-wrap .top-lnk a.lnk05 {background:#e73e97;color:#fff;}

#global .global-wrap .svcbtn-box {float:right;position:relative;}

#global .member-lnk {float:left;}
#global .member-lnk {margin-right:130px;}
#global .member-lnk li {float:left;}
#global .member-lnk li a {display:block; color:#fff; padding:9px 15px 7px 15px; height:29px; font-size:12px;}
#global .member-lnk li a span {display:inline-block;position:relative;font-size:12px;}
#global .member-lnk .language, #global .member-lnk .sns{position:relative;}
#global .member-lnk .language ul{position:absolute; left:0; top:45px; width:75px; padding:5px 0; background:#173974; z-index:600;}
#global .member-lnk .language ul li{}
#global .member-lnk .language ul li a{display:block; margin:0;padding:0 15px;color:#fff;}

#global .member-lnk .sns ul{position:absolute; left:10px; top:45px; width:80px; padding:5px 0; background:#173974; z-index:1000;}
#global .member-lnk .sns ul li{}
#global .member-lnk .sns ul li a{display:block; margin:0;padding:0 15px;color:#fff;}
#global .member-lnk .language a.lang_off {background: url(/images/site/main/icon_arrow.png) no-repeat right 18px;}
#global .member-lnk .sns a.lang_off {background: url(/images/site/main/icon_arrow.png) no-repeat right 18px;}





/* 메인 */
/* 1단 상단팝업 */

#toppop {position:relative;width:100%;height:0;background:#0c2247; height:240px;}
#global .toppop-ctrl {position:absolute;top:0;right:0;}
.isSub #global .toppop-ctrl {display:none;}
#global .toppop-ctrl button {border:0; width:90px; height:45px; text-align:left; padding-left:15px; color:#0c2247; font-size:12px; display:inline-block;
                            /* background:#a3b6c5 url(/images/site/main/popbtn_close.png) no-repeat 55px center; */
                            background:#a3b6c5 url(/images/site/main/popbtn_open.png) no-repeat 55px center;
                            }
#global .toppop-ctrl button span {display:inline-block; color:#fff; font-size:13px; background:#a3b6c5;}
/* .pop-open #global .toppop-ctrl button span {background:#a3b6c5 url(/images/site/main/popbtn_open.png) no-repeat 55px center;} */
.popups {position:relative;overflow:hidden;height:0px;z-index:2000; width:1200px; margin:0 auto;}
.toppop .wpop-list {overflow:hidden;padding:136px 0 0 20px;}
.toppop .wpop-list li {float:left;width:50%;}
.popups .wpcont {position:absolute;top:0;left:0;width:500px;height:160px;overflow:hidden;}
.popups .wpcont img {width:auto;height:160px;display:block;}
.isSub #global .toppop-ctrl {/*display:none;*/}

#global .toppop-ctrl .btn_close {border:0; width:90px; height:45px; text-align:left; padding-left:15px; color:#0c2247; font-size:12px; display:inline-block;
                            background:#a3b6c5 url(/images/site/main/popbtn_close.png) no-repeat 55px center;}
#global .toppop-ctrl .btn_open {border:0; width:90px; height:45px; text-align:left; padding-left:15px; color:#0c2247; font-size:12px; display:inline-block;
                            background:#a3b6c5 url(/images/site/main/popbtn_open.png) no-repeat 55px center;}

/*상단팝업*/
.top-wide-popups {overflow:hidden;height:0px;background:#053257 url(/images/site/main/wpopup_bg1.gif) repeat 0 0;z-index:2000;}
.top-wide-popups img {max-width:100%;}
.tpop-topwide {position:relative;margin-left:auto;margin-right:auto;max-width:1200px;padding-top:24px;padding-bottom:30px;}
.tpop-topwide:after {content:'';position: absolute;left:-115px;top: 0;width:222px;height:133px;}
.tpop-list-wrap {max-width:1200px;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;height:115px; margin-top:25px;padding-bottom:35px;}
.tpop-list-wrap ul {width:960px;}
.tpop-list-wrap ul:after {content:"";display:block;clear:both;}
.top-wide-popups button {border:0;}

.top-wpop-btns {min-width:100%;height:30px;position:absolute;right:0;bottom:15px;z-index:200;}
.top-wpop-btns * {vertical-align:center}
.tpop-topwide .close-btns {position:absolute;right:10px;bottom:25px;z-index:10;font-size:13px;line-height:1.15em;color:#9faab9;}
.tpop-topwide .close-btns * {vertical-align:middle;}
.tpop-topwide .close-btns button {background:none;cursor:pointer;width:30px;height:30px;background:url(/images/site/main/twidepop_close.png) no-repeat 50% 50%;margin-left:5px;}
.wpop-go-btns {padding:7px 10px;text-align:left;}
.wpop-go-btns button {border:0;padding:0;cursor:pointer;}
.wpop-go-btns button, .wpop-go-btns a {width:22px;height:22px;background:url(/images/site/main/arr_btns_w.png) no-repeat;overflow:hidden;margin-right:4px;vertical-align:middle;}
.wpop-go-btns .btn-play {background-position:-108px -23px;}
.wpop-go-btns .btn-stop {background-position:-108px 0;}
.wpop-go-btns button span, .wpop-go-btns a span {white-space:nowrap;padding-left:40px;display:inline-block;cursor:pointer;}
.wpop-go-btns a {background-position:left 0px;}
.wpop-go-btns a:hover, .wpop-go-btns a.over, .wpop-go-btns a.is-over {background-position:left -60px;}
.top-wide-popups .wpop-ctrl-btns {margin-top:15px; text-align: center;}
.top-wide-popups .nicons {display:inline-block;}
.top-wide-popups .nicons button {width:13px;height:13px;overflow:hidden;border:0;background:url(/images/site/main/arr_btns_w_.png) no-repeat -35px 0}
.top-wide-popups .nicons button span {padding-left:20px;white-space:nowrap;cursor:pointer;}
.top-wide-popups .nicons button.over, .top-wide-popups .nicons button.is-over {background-position:0 0; width:28px;}
/*.top-wide-popups .wpop-ctrl-btns .btn-stop,
.top-wide-popups .wpop-ctrl-btns .btn-play {width:22px;height:22px;background:url(/images/site/main/arr_btns_w.png) no-repeat;
                                            overflow:hidden;margin-right:4px;vertical-align:middle;}
.top-wide-popups .wpop-ctrl-btns .btn-stop {background-position:-108px 0;}
.top-wide-popups .wpop-ctrl-btns .btn-play {background-position:-108px -23px;}*/
.top-wide-popups .wpop-ctrl-btns button span {white-space:nowrap;padding-left:40px;display:inline-block;cursor:pointer;}


/*상단 팝업 컨텐츠
.wpop-item{float:left; overflow:hidden; margin-left:20px;}
.wpop-item .wpop-cont{width:300px;color:#fff;float:left; margin-right:65px;}
*/
.tpop-topwide .bx-pager.bx-default-pager {padding:10px 0 30px;bottom:-75px;text-align:center;}
.tpop-topwide .bx-pager a {display:block;width:13px;height:13px;overflow:hidden;border:0;background:url(/images/site/main/arr_btns_w_.png) no-repeat -35px 0;margin:0 3px;}
.tpop-topwide .bx-pager a.active {background: url(/images/site/main/arr_btns_w_.png) no-repeat 0 0;width:29px;}
/*헤더*/
#header {width:100%; height:90px;z-index:700;background:#fff}
#header .header_area {width:1200px; margin:0 auto; position:relative;}
#header .header_area:after {content:"";clear:both;display:block;}
#header .header_area .logo {float:left; height:70px; margin-right:110px; margin-top:20px; line-height:1; overflow:hidden;}
#header .header_area .nav {float:left; margin:23px 2px 0 0;}
/* #header .gnb_bg {display:none;background:#fff url(/images/site/main/bg_gnb.gif) repeat-y center;border-top:3px solid #173974;position:absolute;top:136px;left:0;z-index:103;width:100%;height:450px;box-shadow:0px 2px 12px 0px rgba(0,13,57,0.1);} */
#header .gnb_bgwrap{display:none;}
#header .gnb_bg {display:block;background:#fff url(/images/site/main/bg_gnb.gif) repeat-y center;border-top:3px solid #173974;position:absolute;top:136px;left:0;z-index:100;width:100%;height:auto;min-height:480px;box-shadow:0px 2px 12px 0px rgba(0,13,57,0.1);}
#header .naviDimd{position:absolute;top:0;left:0;  background: rgba(0, 0, 0, .5);display:block;z-index:-1;width:100%;height:3254px}

#gnavigation {clear:both;width:100%;}
#gnavigation > li {float:left;white-space:nowrap;}
#gnavigation > li:first-child{margin-left:0;}
#gnavigation > li > a {position: relative;display: block;padding:12px 31px 14px;text-align: center;line-height: 1.2;font-size:18px; color:#333;font-family: "Noto Sans KR", sans-serif;font-weight:500}
#gnavigation > li > a span{position:relative;display:inline-block;padding-bottom:20px}
#gnavigation > li > a span:after{  content: "";  display: block;  height: 4px; width: 0px;  position: absolute;   bottom: 0;   left: 50%;}
#gnavigation > li > a:hover span,#gnavigation > li > a.active span{color:#1b4692; }
#gnavigation > li > a:hover span:after,#gnavigation > li > a.active span:after{color:#1b4692;width: 50%;   background: #173974;   left: 0;   padding-left: 50%;   opacity: 1;    -webkit-opacity: 1;}
#gnavigation > li > a span:after{transition: all 0.4s ease;   -webkit-transition: all 0.4s ease;}

#gnavigation .depth {display:none;position:absolute;top:90px;left:0;z-index:130;width:1200px;padding-top:20px;overflow:hidden;}
#gnavigation .depth h3 {float:left;width:217px;font-size:35px;color:#fff;text-align:center;padding-top:25px;font-family: "Noto Sans KR", sans-serif;background:url(/images/site/main/bg_gnb_depth01.gif) no-repeat center bottom;padding-bottom:140px;}
#gnavigation .depth h3 span {display:block;font-size:13px;background:url(/images/site/main/bg_gnb_tt.gif) no-repeat top center;padding-top:27px;margin-top:30px;}
#gnavigation .depth ul.dpt2 {float:left;padding-left:30px;width:260px;padding-right:30px;border-right:1px solid #aab2bd;height:440px;}
#gnavigation .depth ul.dpt2 > li {margin-bottom:6px;}
#gnavigation .depth ul.dpt2 > li a {display:block;border:1px solid #c6cbd4;padding:6px 15px;font-size:15px;color:#656d78;position:relative}
#gnavigation .depth ul.dpt2 > li a.active {border:1px solid #173974!important;background:#173974 ;color:#fff;}
#gnavigation .depth ul.dpt2 > li a:hover {border:1px solid #059edb!important;background:#059edb;color:#fff;}

#gnavigation .depth ul.dpt2 > li.dep_t a {background:#fff url(/images/site/main/gnb_depth_off.gif) no-repeat 95% center;}
#gnavigation .depth ul.dpt2 > li.dep_t a:hover {background:#059edb url(/images/site/main/gnb_depth_on.png) no-repeat 95% center;}
#gnavigation .depth ul.dpt2 > li.dep_t a.active{background:#059edb url(/images/site/main/gnb_depth_on.png) no-repeat 95% center;}
#gnavigation .depth ul.dpt2 li .m-scroll-wrap{position:absolute;top:23px;left:562px;width:300px;height:400px;display:none;}

#gnavigation .depth ul.dpt2 li ul.dpt3 li {margin-bottom:5px;}
#gnavigation .depth ul.dpt2 li ul.dpt3 li a {font-size:14px;color:#464646;padding:1px 15px;display:block;background:#fff;border:1px solid #fff;position:relative}
#gnavigation .depth ul.dpt2 li ul.dpt3 li a:hover {border:1px solid #7d9bc0!important;background:#7d9bc0;color:#fff;}
#gnavigation .depth ul.dpt2 li ul.dpt3 li a.active {border:1px solid #7d9bc0!important;background:#7d9bc0!important;color:#fff;}
#gnavigation .depth ul.dpt2 li ul.dpt3 li a.active:after{  content: "\f068";;display:inline-block;position:absolute;top:20%;right:20px;  font-family: 'FontAwesome';}
#gnavigation .depth .bn_box {float:right;position:relative;}
#gnavigation .depth .bn_box .bn_link {position:absolute;top:187px;left:0;width:100%;}
#gnavigation .depth .bn_box .bn_link a {display:block;padding:8px 0 9px 10px;width:185px;font-size:15px;color:#156f93;background:#cef6ff;margin:0 auto 10px;font-family: "Noto Sans KR", sans-serif;}

/*상단 서브메뉴*/
/*.layerSnb {display:none; position:relative;top:-20px; left:0; right:0; bottom:0; background:#fff; z-index:10000; border-top:3px solid #173974; height:370px;}
.layerSnb .util {display:none;}
.layerSnb:before{position:absolute;top:0;left: -1340px;content:'';clear:both;display:block;width: 100%;height:370px;background:#173974;z-index:10;}
.layerSnb .wrapCnt {position:relative;top:1px !important;width:1200px; z-index:9999;margin: 0 auto; overflow: hidden;}
.layerSnb .wrapCnt .left{width:160px; float:left; padding:30px 20px;}
.layerSnb .wrapCnt .left strong {padding:20px 0 0 0; font-size:40px; color:#fff; letter-spacing: -0.5px;}
.layerSnb .wrapCnt .left .bar{display:block;background:#fff; width:50px;height:3px;text-align:center; margin:0 auto;}
.layerSnb .wrapCnt .left p{display:block;text-align:center;color:#fff;font-size:13px;margin-bottom:110px; margin-top:30px;}
.layerSnb .wrapCnt .bg1{background:url(/images/site/main/icon_snb_img01.png) no-repeat center bottom;}*/


.layerSnb .wrapCnt .right{float:left; margin-left:30px; padding:20px; border:1px solid red;}

.layerSnb .snb > ul {overflow:hidden; float: left;}
.layerSnb .snb > ul > li {float:left;}
.layerSnb .snb > ul > li > strong {display:table-cell; position:relative; min-width:210px; padding:45px 35px 0 0; font-size:40px; color:#fff; letter-spacing: -0.5px; vertical-align:top; cursor:default;}
.layerSnb .snb > ul > li > span{display:block; margin:30px 0;}
.layerSnb .snb > ul > li > .snb_text{display:block; text-align:center; color:#fff; font-size:13px;}
.layerSnb .snb > ul > li > ul{float:left;margin-left: 220px;}






/*상단 전체메뉴, 상단 통합검색*/
#header .header_area .header-all-menu {position: absolute; right:90px; top:32px;}
#header .header_area .header-all-menu > a {display:block; line-height:0; font-size:0;}
#header .header_area .srch-btn{position:absolute; right:0; top:32px; z-index:500;}
#header .header_area .srch-btn > a {display:block; line-height:0; font-size:0;}




/*전체메뉴*/
.all-menu-list {display:none; position:fixed; top:3%;left:50%; width:1200px; margin-left:-600px; z-index:99999; background-color:#fff;  padding:0 30px 30px 30px;box-sizing:border-box;height:90%;overflow:scroll;overflow-x:hidden}

.all-menu-title {width:1170px; height: 70px; text-align: center; color:#000;background:#fff;position:fixed;z-index:100;border-bottom:3px solid #000;padding-top:15px;box-sizing:border-box;font-size:25px}

.all-menu-wrap{border-top:2px solid #000; border-bottom:2px solid #000;padding-top:70px}
.all-menu-wrap .menu-set {overflow: hidden; padding-bottom:100px;}
.allMenuArea {position:relative; display: block; padding-left:200px; border-bottom: 1px solid #dfdfdf; /*height:200px;*/ overflow:hidden;    box-sizing: border-box;
    width: 1150px;}
.allMenuArea:hover{background:#f5fcff}
.allMenuArea h2{position:absolute; top:0; left:0; width:210px; height:100%; line-height:120%; color:#1b4692; font-size:25px; text-align:left;
                padding:25px 50px 40px 10px; box-sizing: border-box; word-break: keep-all; font-weight: 700;  font-family: "Noto Sans KR", sans-serif;}
.allMenuArea .allMenuBox {padding: 30px 0 30px 0; overflow:hidden;}
.allMenuArea .allMenuBox > ul{overflow: hidden;border-left:1px dashed #ccc;padding-left:20px}
/* .allMenuArea .allMenuBox > ul > li {float:left;width:25%;padding-right: 50px;box-sizing:border-box;text-align:left;min-height:150px} */
.allMenuArea .allMenuBox > ul > li {display:inline-block;vertical-align:top;width:32%;padding-right: 40px;box-sizing:border-box;text-align:left;min-height:150px}
.allMenuArea:nth-child(2) .allMenuBox > ul > li{min-height:450px}
.allMenuArea .allMenuBox > ul > li:nth-child(3n){padding-right:0}
.allMenuArea .allMenuBox > ul > li > a {display:block; vertical-align:top; font-size:20px; font-weight:500; line-height:20px; font-family: "Noto Sans KR", sans-serif;color:#000;word-break:keep-all;}
.allMenuArea .allMenuBox > ul > li > a:hover {color:#137cbd;}
.allMenuArea .allMenuBox > ul > li > ul{margin-bottom:35px}
.allMenuArea .allMenuBox > ul > li > ul > li{margin-left:5px;background: url(/images/site/main/li1bg.png) no-repeat 0 .37em;margin:.33em 0;padding: 0 0 0 0.5em; line-height: 20px;word-break:keep-all}

.allMenuArea .allMenuBox > ul > li > ul > li > a {/* display:block; */color:#000; font-family: "Noto Sans KR", sans-serif; font-size:14px; position:relative;;}
.all-menu-close {position:absolute;top:15px;right:30px;z-index:99999}





/*통합검색 창*/
.searchWrap {display:none;position:absolute;top:135px;left:0;right:0;width:100%; margin:0 auto;z-index:800;background: #fff;border-top:3px solid #e9573f; box-shadow:2px 2px 5px grey;}
.searchInner {position:relative;width:1200px;margin:0 auto;text-align:center;;background:#fff;padding: 30px 0;}
.searchInner:after{display:block;content:'';clear:both}
.searchInner .gSection {box-sizing: border-box; position:  relative;float: left;padding-left: 30px;}
.searchInner .btnSearchClose {position:absolute;top:40px;right:20px;width:64px;height:35px;display:block;
	                          background: url(/images/site/main/icon_searchclose.gif) no-repeat 0 0; text-indent: -9999px;}
.searchInner .totalSearchInput {width:900px; font-size:18px !important; color:#000 !important;text-indent:5px !important; border:2px solid #e9573f;}
.searchInner .gSection span{color:#e9573f; font-weight:bold; margin-right:15px;}
input.totalSearchInput::-webkit-input-placeholder {color:#000;}
.totalSearchBtn {width:51px;height:50px;margin:10px 3px 0 0 !important;background: url('/images/site/main/icon_magnify.png');border: 0;position:absolute;top:-10px; right:-52px;}




/* 자동완성 */
.m_auto_result{position:absolute;top:48px;left:107px;border:2px solid #e9573f;width:895px;padding:10px 0;background:#fff;z-index:100}
.m_auto_result li{padding:0 0}
.m_auto_result li a{color:#000;display:block;padding:2px 10px;text-align:left}
.m_auto_result li a:hover{background:#e7ecf2}
.m_auto_result li a strong{color:#059eda}
.m_auto_result ul:nth-child(2){border-top:1px dashed #ccd1d9;margin-top:5px}



/*location 메뉴*/
.location{background:url(/images/site/main/container_bg.gif) repeat-x center top; width:100%; height:auto; margin-top:5px; }
.location.fixed{position:fixed;	top:0; z-index:999;margin-top:0}
.location .inner {height:47px; margin: 0 auto; width:1200px; position: relative;}
.location .inner:after{display:block;content:'';clear:both}
.location .inner .path{position:absolute;top:0;left:0}
.location .inner .path span{float:left; display:inline-block; vertical-align:top; padding:0 10px 0 10px; color:#666; font-weight:normal;}
.location .inner .path span.home {text-indent:-9999px; overflow:hidden;width:40px;height:45px;line-height:45px; background:#1b4694 url(/images/site/main/path_home_ico.png) no-repeat center center;}

.location .inner .path > ul {float:left;}
.location .inner .path > ul > li {position: relative; float: left; box-sizing: border-box; margin: 0;
							height:45px;margin-left:-1px; font-size:14px;line-height:45px; }
.location .inner .path > ul > li.topNaviMenu1{min-width:190px;}
.location .inner .path > ul > li.topNaviMenu1 a{min-width:190px; background: url(/images/site/main/bul_location.png) 165px center no-repeat;cursor:
												 context-menu; padding:0; padding-left:20px; box-sizing:border-box; }
.location .inner .path > ul > li.topNaviMenu1 a:after { background:none; }
.location .inner .path > ul > li.topNaviMenu2,
.location .inner .path > ul > li.topNaviMenu3{min-width:130px;}
.location .inner .path > ul > li > a { min-width:130px; color:#8f9095; display:block; vertical-align:middle; padding:0 40px 0 20px; font-size:14px;
	                                  	border-right:1px solid #eaebed;  position: relative; }
.location .inner .path > ul > li > a:after { content:''; width: 15px; height: 15px; background: url(/images/site/main/bul_location_more.png) 0 center no-repeat;
											display: inline-block; position: absolute; right:15px; top: 15px; }
.location .inner .path > ul > li > ul {display:none; z-index: 91; position: absolute; border:1px solid #eaebed; background:#fff; z-index:10; width:100%;
										box-sizing:border-box;}
.location .inner .path > ul > li > ul > li{border-bottom:1px solid #eaebed;}
.location .inner .path > ul > li > ul > li > a {color:#333; display:block; font-size:13px; padding:10px 20px;/* margin: 5px 0; */ word-break:keep-all; }
.location .inner .path > ul > li > ul > li > a:hover{font-weight:500;background:#5fc2eb;color:#fff}
.location .inner .path > ul > li > ul.on  {display:block;}
.location .inner .path > ul > li > a.show {font-weight:700; color:#059edb;}


/*.location .inner .breadcrumb {float:left; padding-right:14px;font-size: 13px;}
.location .inner .breadcrumb > li {float:left; position: relative; height:47px;margin-left:-1px; font-size:14px;line-height:47px; border-right:1px solid #ccc;}
.location .inner .breadcrumb > li:last-child{border-right:0;}
.location .inner .breadcrumb > li > a {display:block; min-width:74px; padding:0 40px 0 30px; color:#989ba1;}
.location .inner .breadcrumb > li.is-sub {display:none;}
.location .inner .breadcrumb > li.is-sub > a {background:url(/images/site/main/bul_location_more.png) 110px center no-repeat}
.location .inner .breadcrumb > li > ul {display:none; position:relative; border:1px solid #ccc; background:#fff; z-index:10; width:170px;}
.location .inner .breadcrumb > li > ul > li > a {padding:0 15px 0 27px; display:block; color:#666; line-height:26px}
.location .inner .breadcrumb > li > ul > li > a:hover,
.location .inner .breadcrumb > li > ul > li > a:focus {color:#333}
.location .inner .breadcrumb > li.is-sub.show {position:relative; display:block;}
.location .inner .breadcrumb > li.is-sub.show:after {position:absolute; right:0; top:0; content:''; clear:both; display:block;
											         width:16px; height:46px; border-right:1px solid #ccc; z-index:10}
.location .inner .breadcrumb > li.is-sub.show > a {font-weight:700; color:#059edb;}
.footer-util .location .breadcrumb > li.is-sub > a {background:none}*/

.location .inner .nsnBtn{position: absolute;top:1px; right: 0; border-left:1px solid #eaebed;}
.location .inner .nsnBtn .legibility{float:left;margin-left:20px;color:#000; font-size:13px; line-height:45px;}
.location .inner .nsnBtn .legibility span {display: inline-block;margin-left:10px;margin-right:10px;overflow: hidden;vertical-align: top;position: relative;top: 12px;}
.location .inner .nsnBtn .legibility span a {float:left; font-size:0px !important; letter-spacing:-9999px; width:18px; height:18px; border:1px solid #e9ebef; border-left:0;
										    background:url(/images/site/main/btn_zoomout.gif) no-repeat center}
.location .inner .nsnBtn .legibility span a:first-child {width: 18px; border-left:1px solid #e9ebef; background: url(/images/site/main/btn_zoomIn.gif) no-repeat center;}
.location .inner .nsnBtn a {display:block; float:left; width:48px; height:45px; border-right: 1px solid #ddd; padding:0; background:#4cb8e4;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.location .inner .nsnBtn .sns{display:inline}
.location .inner .nsnBtn .sns a{;box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2) inset;
	-webkit-box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2) inset;
	-moz-box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2) inset;}
.location .inner .nsnBtn a:hover, .location .inner .nsnBtn a:active {background:#3c8dc5;}
.location .inner .nsnBtn a img {margin:15px auto 0 auto; display:block;}


/*sublayout*/
.sublayout{width:100%; margin:0 auto;;}
.sublayout:after{content:'';display:block;clear:both}

/*레프트메뉴*/
.sublayout .lnb{float:left; width:250px;}
#side_title { display: block;position:relative; height:110px; line-height: 110px; background:#1b4694; color: #fff; font-weight: 500; font-size:25px; text-align:center;}
#snb1 {padding:2px 0 50px;}
#snb1 > ul > li {display: inline;}
#snb1 > ul > li > a {display: block; padding:10px 30px 10px 20px;border-top:3px solid #fff; background: #f4f5f9; color:#64676e; font-weight:normal;
				font-size: 15px; }
#snb1 > ul >li > a:hover{background:#e7ecf2;color:#000}
#snb1 > ul > li.hasSub > a:hover{color:#000;background: #e7ecf2 url(/images/site/main/snb1d2bg1has.png) no-repeat 91% center;}
#snb1 > ul > li.hasSub > a {background: #f4f5f9 url(/images/site/main/snb1d2bg1has.png) no-repeat 91% center;}
#snb1 > ul >li > a:hover{color:#32a8fa;}
#snb1 > ul > li.on > a ,#snb1 > ul > li.on > a:hover{background-color:#059eda;color:#fff; font-weight:600;}
/*#snb1 > ul > li.hasSub.on > a {background-image: url(/images/site/main/snb1d2bg1on.png);}*/
#snb1 div.d3 {display:none; margin-top: 2px; padding:15px 20px; background:#fff; border:1px solid #059eda;}
#snb1 div.d3 > ul >.on > a,#snb1 div.d3 > ul >.sub_on > a {color: #059eda; background: url(/images/site/main/snb1d3bg1.png) no-repeat 10px 15px;}
#snb1 div.d3 > ul > li > a {display: block;margin: 0 -10px;padding: 4px 10px 4px 20px;color:#64676e;font-weight:normal;font-size: 15px; word-break:keep-all;}



.content .sub_title{border-bottom:1px solid #ff560a; position:relative;  background: url(/images/site/main/sub_title_logo.gif) no-repeat right 65px;margin-bottom:30px}
.content .sub_title .icon{position:absolute; top:0; left:218px;}
.content .sub_title h3 {font-weight:500;font-family: "Noto Sans KR", sans-serif;color:#000;font-size:35px;position:relative;display:inline-block;letter-spacing:-0.05em;margin-bottom: 0;}
.content .sub_title h3:after{display:block;position:absolute;top:-5px ;right:-20px;content:'';background:url(/images/site/main/icon_title.png)0 0 no-repeat;width:20px;height:20px}
.content .sub_title p.text{font-size: 14px;color:#656d78;line-height:30px;padding-bottom: 20px; font-family: "Noto Sans KR", sans-serif;}
.content .sub_title.mt_tit{margin-top: 70px;}

/*컨텐츠 2018-04-06:김수연*/

.ctt-wrap {font-size: 15px;min-height:400px}
.ctt-wrap{position:relative;top:0;left:0;word-break:keep-all}
.ctt-wrap *{box-sizing:border-box}
.ctt-wrap .ctt h4{font-size:30px;font-weight:300;margin-bottom:20px;position:relative;letter-spacing:-0.03em; line-height: 45px;}
.ctt-wrap .ctt h4:before{position:absolute;top:0;left:0;background:#ff560a;width:25px;height:4px;display:inline-block;content:''}
.ctt-wrap .ctt h4>span{font-size:18px}

.ctt-wrap .ctt h5{background:url(/images/site/main/h5_tit.png)0 center no-repeat;padding-left:10px;color:#ff560a;font-size:20px;font-weight:500;margin-bottom:10px}

.ctt{margin-bottom:50px}
.ctt:after{clear:both;display:block;content:''}

.ctt a[href^="http://"]{position:relative;padding-right:35px;display:inline-block;font-weight:300}
.ctt a[href^="http://"]:after{position:absolute;top:5px;right:10px;content:' \f08e'  ; font-family: 'FontAwesome';}

.ctt a[href^="https://"]{position:relative;padding-right:35px;display:inline-block;font-weight:300}
.ctt a[href^="https://"]:after{position:absolute;top:5px;right:10px;content:' \f08e'  ; font-family: 'FontAwesome';}

.box_blue{border:1px solid #ccd0e1;border-top:2px solid #ff560a;border-bottom:1px solid #a2a5b2;padding:25px 20px 25px;vertical-align:middle;margin-bottom:40px}
.box_gray{background:#f4f5f9;padding:20px;}

.txt_cnt{text-align:center!important}


.list_gray li{background:url(/images/site/main/dot_gray.png) 0 8px no-repeat;padding-left:13px;margin-bottom:5px}
.list_gray li strong{font-weight:300}


.box{border:1px solid #ccd0e1;border-bottom:1px solid #a2a5b2;position:relative;padding:25px 20px}
.bar_blue:before {width:80%;height:5px;position:absolute;top:-1px;left:50%;margin-left:-40%;background:#1b4692;display:inline-block;content:''}
.bar_sky:before {width:80%;height:5px;position:absolute;top:-1px;left:50%;margin-left:-40%;background:#ff560a;display:inline-block;content:''}


/*float*/
.fl{float:left}
.fl{float:right}
.half{width:48%;float:left;margin-left:30px}

.third{width:30%;float:left;margin-left:35px}
.half:first-child,.third:first-child{margin-left:0}

/*감추기*/

.hidden{font-size: 0 !important;    width: 0 !important;    height: 0 !important;    color: transparent !important;    line-height: 0 !important;position: absolute;    left: -1000px;    top: 0;    overflow: hidden;    text-indent: -30000px;}



/* contact 2018-04-12 : 김수연 */

.hash{margin-top:100px;background:url(/images/site/main/hash_ic.png)0 5px no-repeat;padding-left:35px;font-size:14px}
.hash a{display:inline-block;padding:2px 5px;margin:0 3px;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.hash a:hover{background:#dde8ed;border-radius:3px}
.hash a:hover span{text-decoration:none}

.contact{border:1px solid #dfdfdf;border-bottom:1px solid #a9a9a9;background:#fff;margin-top:20px}
.contact ul{overflow:hidden;padding:15px 35px 15px}
.contact ul li{float:left;margin-right:15px;font-size:14px;height:25px}
.contact ul li strong{font-weight:500;padding-left:27px;height:25px;display:inline-block}
.contact ul li:nth-child(1) strong{background:url(/images/site/main/cnt_ic_01.png)0 0 no-repeat;}
.contact ul li:nth-child(2) strong{background:url(/images/site/main/cnt_ic_02.png)0 0 no-repeat;}
.contact ul li:nth-child(3) strong{background:url(/images/site/main/cnt_ic_03.png)0 0 no-repeat;}
.contact ul li:nth-child(4) strong{background:url(/images/site/main/cnt_ic_04.png)0 0 no-repeat;}
.contact ul li:nth-child(5) {float:right;margin-right:0;font-size:13px;letter-spacing:-0.05em}
.contact .satis{background:#f5f7f9;padding:15px 15px 15px;border-top:1px solid #e1e1e1;overflow:hidden;position:relative}
.contact .satis p{font-weight:500;letter-spacing:-0.03em;font-size:14px;float:left;height:25px;line-height:25px;vertical-align:middle}
.contact .satis form{margin-left:10px;float:left}
.contact .satis form label{font-size:14px;margin-right:10px;cursor:pointer}
.contact .satis form label,.contact .satis form input{;height:25px;line-height:25px;vertical-align:middle}
.contact .satis .opinion{position:absolute;top:15px;right:15px}
.contact .satis .opinion input{border:1px solid #c7cfdc;height:30px;}
.contact .satis .opinion input[type="text"]{border-right:none}
.contact .satis .opinion input[type="submit"]{background:#6b7482;color:#fff;font-size:13px;padding:0 10px}


/* 푸터 */
#footer-wrap {position:relative; line-height:1.2; overflow: hidden; clear:both;}
#footer-wrap .banner-wrap{height:60px; width:100%; background:#e2e5ea;}
#footer-wrap .bx-wrapper .bx-controls-direction a{z-index:1}
.banner-wrap .banner{position:relative; width:1000px; margin:0 auto; overflow: hidden; padding:17px 0 0 200px; height:43px;}
.banner-wrap .banner h2 {position: absolute; left: 0; top:49%; margin-top: -9px; color: #393939; font-size: 17px; line-height: 19px;}
.banner-wrap .banner .bn_ctrl{position:absolute;left:145px;top:50%;height:17px;margin-top:-8px;display:none}
.banner-wrap .banner .bn_ctrl button,
.banner-wrap .banner .bn_ctrl a{display:inline-block;float:left;width:17px;height:17px;margin:0 1px;padding:0;background:none;border:none;font-size:0;line-height:0;}
.banner-wrap .banner ul {}
.banner-wrap .banner ul li a {display:block;;font-size:13px;color:#656d78;background:url(/images/site/main/icon_one.gif) no-repeat 0 center;padding-left:10px;}
.banner-wrap .banner .bx-controls .bx-controls-direction .bx-prev {background:url(/images/site/main/bn_prev.gif) no-repeat;width:17px;height:17px;display:block;top:21px;left:-122px;}
.banner-wrap .banner .bx-controls .bx-controls-direction .bx-next {background:url(/images/site/main/bn_next.gif) no-repeat;width:17px;height:17px;display:block;top:21px;left:-71px;}
.banner-wrap .banner .bx-controls-auto {bottom:2px;left:-108px;width:40px;}
.banner-wrap .banner .bx-start {background:url(/images/site/main/bn_stop.gif) no-repeat;width:17px;height:17px;display:block;}
.banner-wrap .banner .bx-stop {background:url(/images/site/main/bn_start.gif) no-repeat;width:17px;height:17px;display:block;}

#footer-wrap .footer {width:100%; background:#edf0f4;}
#footer-wrap .footer .footerArea{width:1200px; margin:0 auto; padding-bottom:30px; overflow:hidden;}
.footerSubWrap {float:left;position:relative;}
.footerSubMenu { margin-top:25px;overflow:hidden}
.footerSubMenu li {float:left; padding-right:20px;}
.footerSubMenu li a {display:block;color:#354257;font-size:12px;font-weight:500;font-family: "Noto Sans KR", sans-serif;}


.footerInfo address,
.footerInfo .copyrigyht{font-family: "Noto Sans KR", sans-serif; font-size:12px; color:#354257;}

.footerLinkWrap {float:right; position:relative;display:none}
.footerLinkWrap .selectLink {float:right; margin-top:50px;}
.footerLinkWrap .selectLink p {width:100%; background:#c8d0db;}
.footerLinkWrap .selectLink p a {display:block;width:160px;height:10px;line-height:10px;padding:10px 9px;font-size:12px; font-weight:500;
	font-family: "Noto Sans KR", sans-serif;color:#000;border:1px solid #e1e2e2;
	background:url(/images/site/main/bg_selectbox_arrow@2x.png) no-repeat 130px -8px; background-size:54px 52px;}
.footerLinkWrap .selectLink ul{border:1px solid #c8d0db; border-top:0;}
.footerLinkWrap .selectLink ul li{padding-left:10px;}
.footerLinkWrap .selectLink ul li a{font-size:12px; color:#000;}



/* 로그인 2018.06.21 : 김수연 */

.loginArea{border:1px solid #d2dae5;background:#f5f7fb}
.loginArea .lgn_m_divide{background:url(/images/site/main/lgn_tit.png)80px center no-repeat #173974;padding:30px 0 30px 340px}
.lgn_m_divide ul{overflow:hidden}
.lgn_m_divide ul li{float:left}
.lgn_m_divide ul li{margin-left:50px}
.login{padding:55px 45px 55px 340px;background:url(/images/site/main/lgn_bg_pic.png)45px center no-repeat;position:relative}
.login ul {position:relative}
.login ul li input[type="text"], .login ul li input[type="password"]{height:50px;width:325px}

.login ul li input::placeholder {color: #000;font-size:16px;font-weight:700}

.login .btn_login{position:absolute;top:0;right:0;display:block;width:176px;height:110px;}
.login .btn_login input{display:block;text-align:center;line-height:100px;font-weight:700;font-size:20px;color:#fff;border-radius:3px;background:#ff560a;width:176px;cursor:pointer;position:relative;padding-top:10px}
.login .btn_login:after{display:block;position:absolute;top:20px;left:45%;content:'\f023';  font-family: 'FontAwesome';color:#fff}
.login .btn_login input *{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.login .btn_login input:hover{background:#ff560a}
.login .btn_login input:hover i{margin-right:10px}



.login .lgn_btn{border-top:1px solid #cbd3e4;padding-top:20px;margin-top:10px}
.login .lgn_btn a{border:1px solid #586b94;background:#8292b4;color:#fff;font-size:1rem;display:inline-block;text-align:center;width:245px;padding:10px 0;border-radius:3px}
.login .lgn_btn a:hover{background:#576a93}
.login .lgn_btn a:first-child{margin-right:20px}

.lgn_m_divide .form-checkbox{position:relative;text-align:left;cursor:pointer;overflow:hidden;display:inline-block}
.lgn_m_divide .form-checkbox.divide input { width: 25px; height: 25px;}
.lgn_m_divide .form-checkbox input{ position: absolute;  top: 50%;  left: 0;  margin-top: -10px;  opacity: 0;  filter: alpha(opacity=0);  width: 20px;  height: 20px;  cursor: pointer;   z-index: 2;}
.lgn_m_divide .form-checkbox input{ position: absolute;  top: 50%;  left: 0;  margin-top: -10px;  opacity: 0;  filter: alpha(opacity=0);  width: 20px;  height: 20px;  cursor: pointer;   z-index: 2;}
.lgn_m_divide .form-checkbox input[type="radio"] {  box-sizing: border-box;  padding: 0;}
.lgn_m_divide .form-checkbox.divide label {  padding-left: 34px;   /* font-size: 20px; */   font-size: 18px; line-height: 30px;color:#c0cadb;font-weight:300}
.lgn_m_divide .form-checkbox label{height: 30px; padding-left: 25px;   vertical-align: middle;     cursor: pointer;  font-weight: bold;}
.lgn_m_divide .form-checkbox label:after{ content: '';  position: absolute;  top: 50%;  left: 1px;  z-index: 1; margin-top: -10px;  width: 25px;  height: 25px;  background-repeat: no-repeat;  background-size: 20px;  display: inline-block;}
.lgn_m_divide .form-checkbox.divide label:after { margin-top: -12px;   width: 25px;   height: 25px;  background: url(/images/site/main/lgn_m_chk.png)0 0 no-repeat;  }
.lgn_m_divide .form-checkbox input:checked + label:after {   background-position: 0 bottom;}
.lgn_m_divide .form-checkbox input:checked + label{color:#fff}

.login .form-checkbox{position:relative;text-align:left;cursor:pointer;overflow:hidden;margin-top:10px;display:inline-block}
.login .form-checkbox.save input { margin-top: -12px;  width: 20px; height: 20px;}
.login .form-checkbox input{ position: absolute;  top: 50%;  left: 0;  margin-top: -10px;  opacity: 0;  filter: alpha(opacity=0);  width: 20px;  height: 20px;  cursor: pointer;   z-index: 2;}
.login .form-checkbox input{ position: absolute;  top: 50%;  left: 0;  margin-top: -10px;  opacity: 0;  filter: alpha(opacity=0);  width: 20px;  height: 20px;  cursor: pointer;   z-index: 2;}
.login .form-checkbox input[type="checkbox"] {  box-sizing: border-box;  padding: 0;}
.login .form-checkbox.save label {  padding-left: 34px;   /* font-size: 20px; */   font-size: 0.875rem; line-height: 24px;color:#656d78;font-weight:300}
.login .form-checkbox label{height: 25px; padding-left: 25px;   vertical-align: middle;     cursor: pointer;  font-weight: bold;}
.login .form-checkbox label:after{ content: '';  position: absolute;  top: 50%;  left: 1px;  z-index: 1; margin-top: -10px;  width: 20px;  height: 20px;  background-repeat: no-repeat;  background-size: 20px;  display: inline-block;}
.login .form-checkbox.save label:after { width: 20px;   height: 20px;  background-image: url(/images/site/main/lgn_chk.png);  background-size: 20px;}
.login .form-checkbox input:checked + label:after {   background-position: 0 bottom;}
.login .form-checkbox input:checked + label{color:#000}

/* 회원탈퇴  */
.memout{padding:55px 45px 55px 340px;background:url(/images/site/main/memout_bg_pic.png)45px center no-repeat;position:relative}
.memout ul {position:relative}
.memout ul li input[type="text"], .memout ul li input[type="password"]{height:50px;width:325px}
.memout ul li input::placeholder {color: #000;font-size:16px;font-weight:700}
.memout .btn_out{position:absolute;top:0;right:0;display:block;width:176px;height:100px;}
.memout .btn_out a{display:block;text-align:center;line-height:100px;font-weight:700;font-size:20px;color:#fff;border-radius:3px;background:#ff560a;width:176px;cursor:pointer;position:relative;}
.memout .btn_out a *{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.memout .btn_out a:hover{background:#ff560a}
.memout .btn_out a:hover i{margin-right:10px}


/*tabArea*/
.tab_Area{overflow:hidden;margin-bottom:50px}
.tab_Area:after{content:'';display:block;clear:both}
.tab_Area li{float:left;display: table; margin-left: -1px;   height: 100%;  vertical-align: middle;  height: 100%;}
.tab_Area li a{display: table-cell;    position: relative; padding: 15px 10px;  word-wrap: break-word; word-break: keep-all;    border: 1px solid transparent; border-color: #ddd;  border-bottom-color: #949494;  color: #333;  font-size: 1rem;  line-height: 1;  height: 40px;transition: all 0.3s;   -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;text-align:center}
.tab_Area li.on a,.tab_Area li a:hover,.tab_Area li a:focus,.tab_Area li a:active{ border-color: #004993;  border-bottom-color: #004993;   background-color: #004993;    color: #fff;}
.tab_Area.tab-col-2 li{width:50%}
.tab_Area.tab-col-3 li{width:33.3%}

.touch{display:none!important}

/* uijequery */
 .ui-tooltip-content,.ui-tooltip{display:none!important}


/* 전체메뉴 */
.allMenuArea a h2{color:#f00!important;display:none}
.allMenuArea a ~.allMenuBox{display:none}
.all-menu-wrap .allMenuArea:nth-child(8) .allMenuBox ul li:nth-child(2){display:none}


/* 개인정보처리방침 */
.privacy_rule h4{margin-top:40px;}
.privacy_rule h5 { background:none!important; color:#000!important; padding:0!important; }
.privacy_rule p {width:100%; margin:10px 0 }
.privacy_rule .tbl-basic { margin-bottom:40px; }
.privacy_rule ul { margin-bottom:40px; }
.privacy_rule ul ul li { background:none; }
.privacy_rule dl { margin-bottom:20px; width:100%}
.privacy_rule dl dt { margin-bottom:10px; }
.privacy_rule dl dd { margin:5px 0px; }
.List_box { border:4px solid #b7b7b7; min-height:290px; margin:20px 0 40px; padding:20px; }
.List_box li {width:100%; line-height:13px;}
.List_box a { color:#000; }


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

.privacy_rule p {margin:20px 30px 40px 0;}
}



/* 이메일무단수집거부 */
.email_rule {justify-content: center;}
.email_rule h4:before { background:none!important;  }
.email_rule h4 {  color:#ff560a!important; padding:0!important; font-size:20px!important; font-weight:700!important; }
.email_rule h5 { background:none!important; color:#000!important; padding:0!important; font-size:15px!important; }
.email_rule .rule_box { border:4px solid #b7b7b7; min-height:290px; padding:40px 20px 20px; }
.email_rule ol { margin-bottom:10px; }
.email_ct { margin:0 auto;text-align:center;}
.email_ct .text{font-size: 36px;color:#d61338;margin-bottom:10px;font-weight:700;}
.email_ct .text02{font-size: 16px;color:#3f3f3f;}
@media all and (min-width :300px) and (max-width: 768px){
.rule_box, .email_ct {margin: 0 auto;}
.email_ct img{max-width: 140px;}
.email_ct .text{font-size: 24px;}
.email_ct .text02{font-size: 14px;}
.email_rule .rule_box{padding-top:0px;}
}
/* 오시는길 */
.map_info img{float:left}
.map_info dl{padding-left:80px}
.map_info dl dt{font-weight:500}
.map_info dl dd{font-size:17px;font-weight:300;padding-left: 0rem;}

.map_accordian{border-top:2px solid #000;position:relative; width:100%;}
.map_accordian li .acc_heading{}
/*.map_accordian li .acc_heading p>span{float:left;position:relative;padding:0 20px;font-weight:300;display:table-cell;vertical-align:middle}
.map_accordian li .acc_heading p>span:after{content:'';border-right:1px solid #c4ccd6;padding-left:20px}
.map_accordian li .acc_heading p{float:left;cursor:pointer;font-weight:300;width:98%;min-height:30px;padding:5px 0; margin:0;}*/
.map_accordian li .acc_heading p{margin: 0;height: 100%;  display: flex;  align-items: center;width:98%}
.map_accordian li .acc_heading p>span{float:left;position:relative;padding:0 20px;font-weight:300;display:table-cell;vertical-align:middle}
.map_accordian li .acc_heading p>span:after{content:'';border-right:1px solid #c4ccd6;padding-left:20px}
.map_accordian li .acc_heading{display: flex;  align-items: center;;cursor:pointer;font-weight:300;min-height:30px;padding:5px 0; margin:0;overflow:hidden;padding:10px 0 ;border-bottom:1px solid #c4ccd6;height:50px;width:100%}
.map_accordian .acc_content{display:none}
.map_accordian .ico_ar { background:url(/common/img/about/intro_map_acc_arr.png)right 0 no-repeat}
.map_accordian .ico_ar.on { background:url(/common/img/about/intro_map_acc_arr_on.png)right 0 no-repeat;color:#ff560a}
.map_accordian .acc_content{background:#f4f5f9;padding:20px;border-bottom:1px solid #000}
.map_accordian .acc_content .traffic_btn,.map_accordian .acc_content .traffic_btn2{overflow:hidden}
.map_accordian .acc_content .traffic_btn li{float:left;width:33%;margin-bottom:10px}
.map_accordian .acc_content .traffic_btn2 li{float:left;width:25%;margin-bottom:10px}
.map_accordian .acc_content .traffic_btn li a,.map_accordian .acc_content .traffic_btn2 li a{width:95%}
.map_accordian .acc_content  .box_white{background:#fff;padding:10px;}

.map_accordian .tbl-basic th,.map_accordian .tbl-basic td{background:#fff}

@media all and (min-width :300px) and (max-width: 768px){
.half {margin-left:0 !important;}
.ctt-wrap {min-width:0 !important;}
.map_info {width:100% !important;}
dd {padding:0 !important;}
.content .sub_title{display: none;}
.content .sub_title.mt_tit{display:block;margin-top: 30px;border-bottom: none;}
.content .sub_title.mt_tit h3{padding-bottom: 0 !important;}
.map_info img{display: none;}
.map_info dl {
    padding-left: 0;
    margin: 0;
 }
.map_info dl dd {
 font-size: 15px;
}
}

@media all and (min-width :769px) and (max-width: 969px){
.half {margin-left:0 !important;}
.ctt-wrap {min-width:0 !important;}
.map_info {width:100% !important;}
dd {padding:0 !important;}
}

/*컨텐츠 2018-04-06:김수연*/

.ctt-wrap {font-size: 15px;min-height:400px}
.ctt-wrap{position:relative;min-width:910px;top:0;left:0;word-break:keep-all}
.ctt-wrap *{box-sizing:border-box}
.ctt-wrap .ctt h4{font-size:30px;font-weight:300;margin-bottom:20px;position:relative;letter-spacing:-0.03em}
.ctt-wrap .ctt h4:before{position:absolute;top:0;left:0;background:#ff560a;width:25px;height:4px;display:inline-block;content:''}
.ctt-wrap .ctt h4>span{font-size:18px}

.ctt-wrap .ctt h5{background:url(/images/site/main/h5_tit.png)0 center no-repeat;padding-left:10px;color:#ff560a;font-size:20px;font-weight:500;margin-bottom:10px}

.ctt{margin-bottom:50px}
.ctt:after{clear:both;display:block;content:''}

.ctt a[href^="http://"]{position:relative;padding-right:35px;display:inline-block;font-weight:300}
.ctt a[href^="http://"]:after{position:absolute;top:5px;right:10px;content:' \f08e'  ; font-family: 'FontAwesome';}

.ctt a[href^="https://"]{position:relative;padding-right:35px;display:inline-block;font-weight:300}
.ctt a[href^="https://"]:after{position:absolute;top:5px;right:10px;content:' \f08e'  ; font-family: 'FontAwesome';}

.box_blue{border:1px solid #ccd0e1;border-top:2px solid #ff560a;border-bottom:1px solid #a2a5b2;padding:25px 20px 25px;vertical-align:middle;margin-bottom:40px}
.box_gray{background:#f4f5f9;padding:20px;}

.txt_cnt{text-align:center!important}


.list_gray li{background:url(/images/site/main/dot_gray.png) 0 8px no-repeat;padding-left:13px;margin-bottom:5px}
.list_gray li strong{font-weight:300}


.box{border:1px solid #ccd0e1;border-bottom:1px solid #a2a5b2;position:relative;padding:25px 20px}
.bar_blue:before {width:80%;height:5px;position:absolute;top:-1px;left:50%;margin-left:-40%;background:#1b4692;display:inline-block;content:''}
.bar_sky:before {width:80%;height:5px;position:absolute;top:-1px;left:50%;margin-left:-40%;background:#059edb;display:inline-block;content:''}


/*float*/
.fl{float:left}
.fl{float:right}
.half{width:48%;float:left;margin-left:30px}

.third{width:30%;float:left;margin-left:35px}
.half:first-child,.third:first-child{margin-left:0}

/*감추기*/

.hidden{font-size: 0 !important;    width: 0 !important;    height: 0 !important;    color: transparent !important;    line-height: 0 !important;position: absolute;    left: -1000px;    top: 0;    overflow: hidden;    text-indent: -30000px;}



/* 리스트 테이블 */


table caption {
	position: relative;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.tbl-basic{margin-bottom:10px;width:100%;border-top:2px solid transparent;border-bottom:1px solid transparent;border-collapse: collapse; border-spacing: 0;font-family:'Noto Sans KR';}
.tbl-basic th{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';font-size: 15px;color:#000}
.tbl-basic td{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';font-size: 15px;color:#000;text-align:center}
.tbl-basic th:first-child,
.tbl-basic td:first-child{border-left:none}
.tbl-basic th.trw,
.tbl-basic td.trw{border-right:1px solid #ddd;}
.tbl-basic tbody th,
.tbl-basic thead th{vertical-align:middle;font-family:'Noto Sans KR';}
.tbl-basic thead th,
.tbl-basic tfoot th{background-image:none;}
.tbl-basic tbody th{/*color:#004993;*/color:#333;}
.tbl-basic thead th{color:#333;text-align:center;background:#f8f8f8;font-family:'Noto Sans KR';}
.tbl-basic td  .btn-file{font-size:12px;}

.tbl-basic .tbt_dashed{border-bottom-style:dashed;}
.tbl-basic th{text-align:center}
.tbl-basic{border-top-color:#000;border-bottom-color:#ddd;}
.tbl-basic th,
.tbl-basic td{border-left-color:#ccc;border-bottom-color:#ccc;}
.tbl-basic tbody th{background-color:#f4f7fc;font-weight:bold}
.tbl-basic td table {border:1px solid #cccccc;font-size:14px;border-bottom:none}
.tbl-basic td table thead th{text-align:center}
.tbl-basic td table th{background:#f8f8f8;font-size:14px}
.tbl-basic td table th,.tbl-basic td table td{border-bottom:1px solid #cccccc;text-align:left;padding:8px 10px;font-size:14px}


.tbl-basic.left td{text-align:left}
.tbl-basic .noStyle td{padding:0}
.tbl-basic .toolbar td{padding:0}
.tbl-basic td input[type="text"],.tbl-basic td input[type="password"],.tbl-basic select{height:34px; padding: 6px 10px;border:1px solid #999;font-family:'Noto Sans KR';font-family:'Noto Sans KR';font-size:15px!important}



.tbl-basic .left{text-align:left!important}
.center {
	text-align: center;
}


/* button */
/*-------------------------------------------------------------------------------------------------*/

a.btn   *,button.btn   *,input.btn  *{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}

a.btn,button.btn,input.btn {

	border: 1px solid #005fca;
	border-bottom:1px solid #0650a2;
	background: #005fca;
	font-size: 14px;
	letter-spacing: -0.05em;
	color: #fff!important;
	text-align: center;
	padding: 5px 20px;
	display: inline-block;
	box-shadow: 0 1px rgba( 255, 255, 255,0 ) inset;
	cursor: pointer;
	margin: 0 3px;
	box-sizing:border-box;
	position:relative;

}

button.btn{padding:6px 20px!important;vertical-align:top}

a.btn i,button.btn i{padding-left:13px;display:inline-block;}

a.btn:hover i,button.btn:hover i{padding-left:5px;padding-right:8px;}

a.btn:hover,button.btn:hover,input.btn:hover {
	border: 1px solid #1b4692;
	border-bottom:1px solid #163367;
	background: #1b4692;
	color:#fff

}

a.down{padding-right:40px}
a.down:after{content:'\f019';display:block;position:absolute;top:15%;right:20px;  font-family: 'FontAwesome'}


button.gray,a.gray,input.gray {
	background: #656d78 !important;
	border:1px solid #444a54
}

a.gray:hover,button.gray:hover.btn,input.gray:hover.btn {

	background: #363e48!important;
	color:#fff
}

/* 소개페이지 */
.comHistory {margin-top:50px;}

.aboutBox div h6{margin:0px 0 1rem;}
.aboutBox ul {margin:0; padding-top:36px;}
.aboutBox ul li {position:relative; width:48%; height:95px; float:left; margin:6px 10px;  background-color:#f4f5f9;}

.comHistory div ul li {text-indent:0;}
.sloganBox img{margin:80px 0; cursor:default;}

/* 비디오 video */
.video_box{overflow:hidden;height:353px;width:85%;margin:50px auto 20px;float:none;}
.video_box .video_area{float:left;width:59%;height:353px;}
.video_box .video_txt{float:right;width:30%;height:353px;border:1px solid #dfdfdf;padding:15px;box-sizing:border-box;overflow-y:auto;text-align:left;}
.video_box .video_txt p{font-size:14px;font-weight:200;}


@media all and (min-width :769px) and (max-width: 969px){
.aboutBox div h6 {margin:0px 0 1.5rem 0rem;}
.comHistory div ul li {text-indent:0px;}

}

/* 2020. 0602 */
.ul-list.ko{margin-left:0;margin-bottom:20px;}
.ul-list li{position:relative;padding-left:20px;}
.ul-list li:before{position:absolute;top:0;left:0;content:""}
.ul-list.ko li:first-child:before{content:"가. "}
.ul-list.ko li:nth-child(2):before{content:"나. "}
.ul-list.ko li:nth-child(3):before{content:"다. "}


.comHistory div ul li{
	float:none !important;
	margin:0;
	line-height:1.3rem;
	width:100%;
	display:flex;
	gap: 15px;
	align-items: center;
	height: auto;
	min-height: 95px;
	padding: 15px;
	line-height: 1.3;
}
.comHistory div ul{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:20px;
}
@media all and (max-width :768px){
	.comHistory div ul{
	grid-template-columns: repeat(1, 1fr);
	}
	.sloganBox img{
	margin: 40px 0;
	}
	.ctt-wrap .ctt h4{
	font-size: 24px;
	line-height: 1.3;
    margin: 20px 0 10px;
	}
	.ctt-wrap .ctt h5{
	font-size: 18px;
	margin-bottom: 15px;
    line-height: 1.3;
    }
	.privacy_rule p{
	margin:10px 0 20px;
	}
	.privacy_rule ul{
	margin-bottom: 20px;
	}
	.ctt-wrap .ctt h4:before{
	top: -4px;
	}
	.half {width:100% !important;
	}
	.half:last-of-type .dl{
	margin: 0;
	}
	.video_box{
	margin:0;
	width: 100%;
	}
	.video_box .video_area,
	.video_box .video_txt{
	float:none;
	width : 100%;
	}
	.video_box{
	height: auto;
	}
	.video_box .video_txt{
	margin-top: 20px;
	}
}