@charset "utf-8";



#gnb_layout{ height:66px; top:34px;}/* height:gnb높이, top:#top_layout에서 위치 */
#gnb_layout .depth1_ul > li > a span{ height:62px;}/* 1차메뉴 높이(오버시 border-bottom값을 뺀 높이) */
/*#gnb_layout .depth1_ul > li.n5{ width:150px;}*//* 1차메뉴명이 길어 n번째 메뉴 넓이 지정 */
#gnb_layout .depth1_ul{ width:1240px; padding:0 34px 0 192px;}/* width:컨텐츠 넓이, padding:header의 왼쪽 오른쪽 값으로 1차 메뉴 중앙 정렬 */
/*
#gnb_layout.at_type .depth1_ul,
#gnb_layout.gnbAType .depth1_ul,
#gnb_layout.dt_type .depth1_ul{ width:1040px; padding:0 42px 0 0px; margin-left:200px;}
*/
#gnb_layout.on.a_type .depth2_ul,
#gnb_layout.on.at_type .depth2_ul,
#gnb_layout.on.at_type .title_wrap,
#gnb_layout.on.b_type .depth2_ul,
#gnb_layout.on.c_type li.ov .depth2_ul,
#gnb_layout.on.gnbAType .depth1_ul > li.ov > .title_wrap,
#gnb_layout.on.gnbAType li.ov .depth2_ul,
#gnb_layout.on.d_type li.ov .depth2_ul,
#gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap,
#gnb_layout.on.dt_type li.ov .depth2_ul,
#gnb_layout.on .gnb_bg{ top:77px;}/* #gnb_layout에서 2차 메뉴, gnb배경 위치 */
#gnb_layout.on .gnb_bg{ background-color:#fcd559; opacity:1;}/* background-color:gnb배경색, opacity:gnb투명도 */
#gnb_layout.on .depth1_ul > li.on > a,
#gnb_layout.on .depth1_ul > li.ov > a,
#gnb_layout.on .depth1_ul > li:hover > a{ border-bottom:4px solid #FFF;}/* 1차메뉴 오버시 밑줄 */
#gnb_layout.on .depth2_ul > li:hover > a{ background-color:#0074bf;}/* 1차메뉴 오버시 2차메뉴 배경색 */

#gnb_layout{ width:100%; padding:0; display:inline-block; box-sizing:border-box; position:absolute; border: 1px solid #000;left:0; z-index:999999;}
#gnb_layout .depth1_ul{ text-align:center; display:inline-block; box-sizing:border-box; position:relative;}
#gnb_layout .depth1_ul > li{ padding:0; display:inline-block; box-sizing:border-box;}
#gnb_layout .depth1_ul > li > a{ text-align:center; padding:0 14px; margin:0; display:inline-block;}
#gnb_layout .depth1_ul > li > a span{ font-family:nsr; font-weight:700; font-size:18px; color:#FFF; text-align:center; line-height:22px; display:table-cell; vertical-align:middle;}
#gnb_layout .depth2_ul{ width:100%; padding:0; display:inline-block; box-sizing:content-box; position:absolute; top:-9999999px; left:0;}

#gnb_layout.a_type .depth1_ul.n2 .depth2_ul{ width:50%;}
#gnb_layout.a_type .depth1_ul.n2 li.n2 .depth2_ul{ left:50%;}
#gnb_layout.a_type .depth1_ul.n3 .depth2_ul{ width:33.33%;}
#gnb_layout.a_type .depth1_ul.n3 li.n2 .depth2_ul{ left:33.33%;}
#gnb_layout.a_type .depth1_ul.n3 li.n3 .depth2_ul{ left:66.66%;}
#gnb_layout.a_type .depth1_ul.n4 .depth2_ul{ width:25%;}
#gnb_layout.a_type .depth1_ul.n4 li.n2 .depth2_ul{ left:25%;}
#gnb_layout.a_type .depth1_ul.n4 li.n3 .depth2_ul{ left:50%;}
#gnb_layout.a_type .depth1_ul.n4 li.n4 .depth2_ul{ left:75%;}
#gnb_layout.a_type .depth1_ul.n5 .depth2_ul{ width:20%;}
#gnb_layout.a_type .depth1_ul.n5 li.n2 .depth2_ul{ left:20%;}
#gnb_layout.a_type .depth1_ul.n5 li.n3 .depth2_ul{ left:40%;}
#gnb_layout.a_type .depth1_ul.n5 li.n4 .depth2_ul{ left:60%;}
#gnb_layout.a_type .depth1_ul.n5 li.n5 .depth2_ul{ left:80%;}
#gnb_layout.a_type .depth1_ul.n6 .depth2_ul{ width:16.66%;}
#gnb_layout.a_type .depth1_ul.n6 li.n2 .depth2_ul{ left:16.66%;}
#gnb_layout.a_type .depth1_ul.n6 li.n3 .depth2_ul{ left:33.32%;}
#gnb_layout.a_type .depth1_ul.n6 li.n4 .depth2_ul{ left:49.98%;}
#gnb_layout.a_type .depth1_ul.n6 li.n5 .depth2_ul{ left:66.64%;}
#gnb_layout.a_type .depth1_ul.n6 li.n6 .depth2_ul{ left:83.3%;}
#gnb_layout.a_type .depth1_ul.n7 .depth2_ul{ width:14.28%;}
#gnb_layout.a_type .depth1_ul.n7 li.n2 .depth2_ul{ left:14.28%;}
#gnb_layout.a_type .depth1_ul.n7 li.n3 .depth2_ul{ left:28.56%;}
#gnb_layout.a_type .depth1_ul.n7 li.n4 .depth2_ul{ left:42.84%;}
#gnb_layout.a_type .depth1_ul.n7 li.n5 .depth2_ul{ left:57.12%;}
#gnb_layout.a_type .depth1_ul.n7 li.n6 .depth2_ul{ left:71.4%;}
#gnb_layout.a_type .depth1_ul.n7 li.n7 .depth2_ul{ left:85.68%;}
#gnb_layout.a_type .depth2_ul,
#gnb_layout.on.a_type .gnb_bg{ padding:35px 0;}
#gnb_layout.a_type .depth2_ul > li{ width:100%; height:32px; margin-bottom:5px; display:table; float:left;}
#gnb_layout.a_type .depth2_ul > li > a{ width:100%; height:100%; font-size:15px; text-align:left; color:#fff; line-height:20px; padding:5px 32px 5px 20px; display:table-cell; box-sizing:border-box; vertical-align:middle; position:relative;word-break:keep-all}
#gnb_layout.a_type .depth2_ul ul{ display:none;}
#gnb_layout.on.a_type .depth1_ul > li.ov .depth2_ul,
#gnb_layout.on.a_type .depth1_ul > li:hover .depth2_ul{ background-color:#4f4e4c;}

#gnb_layout.at_type .title_wrap{ width:200px; height:100%; background-color:#00F; margin-left:-620px; display:inline-block; position:absolute; top:-99999px; left:50%; z-index:1;}
#gnb_layout.at_type .depth1_ul.n2 .depth2_ul{ width:50%;}
#gnb_layout.at_type .depth1_ul.n2 li.n2 .depth2_ul{ left:50%;}
#gnb_layout.at_type .depth1_ul.n3 .depth2_ul{ width:33.33%;}
#gnb_layout.at_type .depth1_ul.n3 li.n2 .depth2_ul{ left:33.33%;}
#gnb_layout.at_type .depth1_ul.n3 li.n3 .depth2_ul{ left:66.66%;}
#gnb_layout.at_type .depth1_ul.n4 .depth2_ul{ width:25%;}
#gnb_layout.at_type .depth1_ul.n4 li.n2 .depth2_ul{ left:25%;}
#gnb_layout.at_type .depth1_ul.n4 li.n3 .depth2_ul{ left:50%;}
#gnb_layout.at_type .depth1_ul.n4 li.n4 .depth2_ul{ left:75%;}
#gnb_layout.at_type .depth1_ul.n5 .depth2_ul{ width:20%;}
#gnb_layout.at_type .depth1_ul.n5 li.n2 .depth2_ul{ left:20%;}
#gnb_layout.at_type .depth1_ul.n5 li.n3 .depth2_ul{ left:40%;}
#gnb_layout.at_type .depth1_ul.n5 li.n4 .depth2_ul{ left:60%;}
#gnb_layout.at_type .depth1_ul.n5 li.n5 .depth2_ul{ left:80%;}
#gnb_layout.at_type .depth1_ul.n6 .depth2_ul{ width:16.66%;}
#gnb_layout.at_type .depth1_ul.n6 li.n2 .depth2_ul{ left:16.66%;}
#gnb_layout.at_type .depth1_ul.n6 li.n3 .depth2_ul{ left:33.32%;}
#gnb_layout.at_type .depth1_ul.n6 li.n4 .depth2_ul{ left:49.98%;}
#gnb_layout.at_type .depth1_ul.n6 li.n5 .depth2_ul{ left:66.64%;}
#gnb_layout.at_type .depth1_ul.n6 li.n6 .depth2_ul{ left:83.3%;}
#gnb_layout.at_type .depth1_ul.n7 .depth2_ul{ width:14.28%;}
#gnb_layout.at_type .depth1_ul.n7 li.n2 .depth2_ul{ left:14.28%;}
#gnb_layout.at_type .depth1_ul.n7 li.n3 .depth2_ul{ left:28.56%;}
#gnb_layout.at_type .depth1_ul.n7 li.n4 .depth2_ul{ left:42.84%;}
#gnb_layout.at_type .depth1_ul.n7 li.n5 .depth2_ul{ left:57.12%;}
#gnb_layout.at_type .depth1_ul.n7 li.n6 .depth2_ul{ left:71.4%;}
#gnb_layout.at_type .depth1_ul.n7 li.n7 .depth2_ul{ left:85.68%;}
#gnb_layout.at_type .depth2_ul,
#gnb_layout.on.at_type .gnb_bg{ padding:35px 0;}
#gnb_layout.at_type .depth2_ul > li{ width:100%; height:20px; margin-bottom:0px; display:table; float:left;}
#gnb_layout.at_type .depth2_ul > li > a{ width:100%; height:100%; font-size:15px; text-align:left; color:#fff; line-height:20px; padding:5px 32px 5px 20px; display:table-cell; box-sizing:border-box; vertical-align:middle; position:relative;word-break:keep-all}
#gnb_layout.at_type .depth2_ul ul{ display:none;}
#gnb_layout.on.at_type .depth1_ul > li.ov .depth2_ul,
#gnb_layout.on.at_type .depth1_ul > li:hover .depth2_ul{ background-color:#4f4e4c;}



#gnb_layout.gnbAType .title_wrap{ width:200px; height:100%; background-color:#00F; display:inline-block; position:absolute; top:-99999px; left:-200px; z-index:1;}
#gnb_layout.gnbAType .depth2_ul{ background-color:#999;}
#gnb_layout.gnbAType .depth2_ul:before{ width:200px; height:100%; background-color:#CCC; content:""; border-right:1px solid #666; position:absolute; top:0; left:0;}
#gnb_layout.gnbAType .depth2_ul > li{ width:100%; text-align:left; padding-left:200px; display:inline-block; box-sizing:border-box; border-top:1px solid #666; position:relative;}
#gnb_layout.gnbAType .depth2_ul > li:first-child{ border:0;}
#gnb_layout.gnbAType .depth2_ul > li > a{ width:200px; height:100%; position:absolute; top:0; left:0;}
#gnb_layout.gnbAType .depth3_ul{ width:100%; padding:5px 10px; display:inline-block; box-sizing:border-box;}
#gnb_layout.gnbAType .depth3_ul li{ display:inline-block; float:left;}
#gnb_layout.gnbAType .depth3_ul li a{ font-size:14px; color:#000; line-height:20px; padding:5px 10px; display:inline-block;}



#gnb_layout .gnb_bg,
#gnb_layout .gnbClose{ display:none;}
#gnb_layout.on .gnb_bg{ width:100%; display:inline-block; box-sizing:content-box; overflow:hidden; position:absolute; left:0; z-index:-1;}

#gnb_layout.mb{ width:100%; height:100%; padding:0; margin:0;
 display:inline-block; box-sizing:border-box; position:fixed; top:100px; bottom:0; left:auto; right:0; z-index:9999;}
#gnb_layout.mb .topUtile,
#gnb_layout.mb .bottomUtile{ width:310px; display:inline-block; position:absolute; right:-320px; z-index:2;}
#gnb_layout.mb .topUtile{ height:80px; background-color:#005a41; text-align:left; padding:20px; box-sizing:border-box; top:0;}
#gnb_layout.mb .topUtile .btnHome{ width:40px; height:40px; font-size:0; text-indent:-99999px; display:inline-block; position:relative;}
#gnb_layout.mb .topUtile .btnHome:before{ width:33px; height:30px; background:url(/tour/images/tour/common/gnb_mb_icon.png) no-repeat 0 0; content:""; margin:-15px 0 0 -16px; position:absolute; top:50%; left:50%;}
#gnb_layout.mb .bottomUtile{ height:130px; background-color:#fff; color:#000; text-align:left; padding:30px 20px; border-top:1px solid #e5e5e5; box-sizing:border-box; bottom:0;}
#gnb_layout.mb .bottomUtile strong{ width:100%; font-size:15px; line-height:20px; display:inline-block;}
#gnb_layout.mb .bottomUtile ul{ width:100%; margin-top:13px; display:inline-block;}
#gnb_layout.mb .bottomUtile ul li{ width:37px; height:37px; display:inline-block; float:left;}
#gnb_layout.mb .bottomUtile ul li + li{ margin-left:9px;}
#gnb_layout.mb .bottomUtile ul li a{ width:100%; height:100%; background:url(/tour/images/tour/common/gnb_mb_icon.png) no-repeat 0 -30px; font-size:0; text-indent:-99999px; display:inline-block;}
#gnb_layout.mb .bottomUtile ul li:nth-child(1) a{ background-position:0 -30px;}
#gnb_layout.mb .bottomUtile ul li:nth-child(2) a{ background-position:-37px -30px;}
#gnb_layout.mb .bottomUtile ul li:nth-child(3) a{ background-position:-74px -30px;}
#gnb_layout.mb .bottomUtile ul li:nth-child(4) a{ background-position:-111px -30px;}
#gnb_layout.mb .bottomUtile ul li:nth-child(5) a{ background-position:-148px -30px;}
#gnb_layout.mb .bottomUtile ul li:nth-child(6) a{ background-position:-185px -30px;}
#gnb_layout.mb .gnb_wrap{ width:100%; height:100%; overflow-y:auto; position:relative; top:0; right:0;}
#gnb_layout.mb .lan{ width:310px; height:30px; background-color:#585d63; padding:0; display:inline-block; box-sizing:border-box; position:absolute; right:-310px; z-index:2;}
#gnb_layout.mb .lan li{ width:33.33%; padding:0; margin:0; display:inline-block; float:left;}
#gnb_layout.mb .lan li a{ width:100%; font-family:nsk; font-size:14px; color:#fff; text-align:center; line-height:30px; display:inline-block;}
#gnb_layout.mb.at_type .depth1_ul,
#gnb_layout.mb.gnbAType .depth1_ul,
#gnb_layout.mb.dt_type .depth1_ul,
#gnb_layout.mb .depth1_ul{ width:310px; height:100%; background-color:#454a50; padding:0; box-sizing:border-box; position:absolute; right:-310px; z-index:1;}
#gnb_layout.mb .depth1_ul > li{ width:100%; padding:0; overflow:hidden;}
#gnb_layout.mb .depth1_ul > li:nth-child(6),
#gnb_layout.mb .depth1_ul > li:nth-child(n+8){ display:inline-block;}
#gnb_layout.mb .depth1_ul > li:before{ display:none;}
#gnb_layout.mb .depth1_ul > li > a{ width:100%; background-color:#454a50; padding:14px 50px 14px 25px; margin:0; display:inline-block; box-sizing:border-box; position:relative; z-index:1;}
#gnb_layout.mb .depth1_ul > li > a > span{ height:auto; font-size:18px; color:#fff; text-align:left; line-height:28px;}
#top_layout #gnb_layout.mb .depth1_ul > li.on > a{ border:0;}
#gnb_layout.mb .depth1_ul > li+li > a{ border-top:1px solid #e5e5e5;}
#gnb_layout.mb .depth1_ul > li > a:before,
#gnb_layout.mb .depth1_ul > li > a:hover:before,
#gnb_layout.mb .depth1_ul > li > a:focus:before,
#gnb_layout.mb .depth1_ul > li.on > a:before{ width:16px; height:2px; background-color:#fff; content:""; margin-top:-1px; border-radius:0; position:absolute; top:50%; right:26px; bottom:auto; left:auto;}
#gnb_layout.mb .depth1_ul > li > a:after,
#gnb_layout.mb .depth1_ul > li > a:hover:after,
#gnb_layout.mb .depth1_ul > li > a:focus:after,
#gnb_layout.mb .depth1_ul > li.on > a:after{ width:2px; height:16px; background-color:#fff; content:""; margin-top:-8px; border-radius:0; position:absolute; top:50%; right:33px; bottom:auto; left:auto;}
#gnb_layout.mb .depth1_ul > li.down > a{background-color:#2055a4;}
#gnb_layout.mb .depth1_ul > li.down > a:after,
#gnb_layout.mb .depth1_ul > li.down > a:hover:after,
#gnb_layout.mb .depth1_ul > li.down > a:focus:after,
#gnb_layout.mb .depth1_ul > li.down.on > a:after{ display:none;}
#gnb_layout.mb .depth1_ul > li.n7{ display:inline-block;}
#gnb_layout.mb .depth2_ul{ min-height:100%; padding:0; display:none; z-index:0;}
#gnb_layout.mb .depth2_ul > li{ padding:0; margin-bottom:0; border-top:0;}
#gnb_layout.mb .depth2_ul > li > a{ width:auto; height:auto; font-size:16px !important; color:#333; padding:15px 30px 15px 20px; margin:0; display:block; border-top:1px solid #e5e5e5; position:relative;}
#gnb_layout.mb .depth2_ul > li.more > a:before{ width:13px; height:1px; background-color:#c2c2c2; content:""; position:absolute; top:20px; right:15px;}
#gnb_layout.mb .depth2_ul > li.more > a:after{ width:1px; height:13px; background-color:#c2c2c2; content:""; position:absolute; top:15px; right:21px;}
#gnb_layout.mb .depth2_ul > li.more.on > a{ color:#2055a4;}
#gnb_layout.mb .depth2_ul > li.more.on > a:before{ background-color:#2055a4;}
#gnb_layout.mb .depth2_ul > li.more.on > a:after{ display:none;}
#gnb_layout.mb .depth2_ul > li:first-child > a{ border-top:0;}
#gnb_layout.mb .depth3_ul{ min-height:100%; width:100%; background-color:#eceeef; padding:10px 0; margin:0; display:none; border-top:1px solid #d7d7d7;}
#gnb_layout.mb .depth3_ul > li{ width:100%; display:inline-block; float:left;}
#gnb_layout.mb .depth3_ul > li > a{ width:100%; color:#000; text-align:left; padding:5px 20px 5px 28px; margin:0; display:inline-block; box-sizing:border-box; border:0; position:relative;}
#gnb_layout.mb .depth3_ul > li > a:before{ width:2px; height:2px; background-color:#9c9c9d; content:""; position:absolute; top:13px; left:22px;}
#gnb_layout.mb li.down .depth2_ul,
#gnb_layout.mb li.up .depth2_ul{ width:100% !important; height:auto !important; background-color:#fff; display:inline-block; border:0; position:relative; top:0; left:0 !important;}
#gnb_layout.mb li.on > .depth3_ul{ display:inline-block;}

#gnb_layout.mb .gnbClose{position:absolute; right:20px; top:0px; z-index:99999999; border: 0px solid #a8c8ee;width:30px; height:30px; padding:0px; display:inline-block; }
/*
#gnb_layout.mb .gnbClose:before{ width:30px; height:2px; background-color:#000; content:""; margin:-1px 0 0 -15px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#gnb_layout.mb .gnbClose:after{ width:2px; height:30px; background-color:#000; content:""; margin:-15px 0 0 -1px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
*/

#gnb_layout.mb .gnb_bg{ width:100%; height:auto; background-color:#000; display:inline-block; opacity:0.3; position:absolute; top:0; left:0; bottom:0; z-index:0;}
#gnb_layout.mb .gnb .title,
#gnb_layout.mb .gnb .depth1_ul > li > h2:after,
#gnb_layout.mb .depth2_ul:before,
#gnb_layout.mb li.on > h2:before,
#gnb_layout.mb .gnb_bg:before,
#gnb_layout.mb .title_wrap{ display:none;}




#top_layout,
#body_layout,
#top_layout .top_wrap,
#body_layout .body_wrap,
#body_layout.b_type .contents_wrap,


#gnb_layout{ height:90px; top:0;}/* height:gnb높이, top:#top_layout에서 위치 */
#gnb_layout .topUtile{ display:none;}
#gnb_layout .depth1_ul > li{ height:90px;}
#gnb_layout .depth1_ul > li > a{position:relative;padding:0 20px;}
#gnb_layout .depth1_ul > li > a:before{content:"/";display:inline-block;color:#b1b2b4;position:absolute;top:32px;left:-3px;}
#gnb_layout .depth1_ul > li:first-child > a:before{display:none;}

#gnb_layout .depth1_ul > li > a span{ height:60px; font-family:'nsk'; font-weight:500; }/* 1차메뉴 높이(오버시 border-bottom값을 뺀 높이) */
/*#gnb_layout .depth1_ul > li.n5{ width:150px;}*//* 1차메뉴명이 길어 n번째 메뉴 넓이 지정 */
#gnb_layout .depth1_ul{ width:1240px; padding:0 152px 0 192px;}/* width:컨텐츠 넓이, padding:header의 왼쪽 오른쪽 값으로 1차 메뉴 중앙 정렬 */
#gnb_layout.at_type .title_wrap{width:260px;left:-260px;}
#gnb_layout.gnbAType .title_wrap,
#gnb_layout.dt_type .title_wrap{ width:283px; left:-283px;}
#gnb_layout.dt_type .title_wrap{ left:0; width:260px; left:-260px;}
#gnb_layout.at_type .title_wrap{ left:50%;}
#gnb_layout.on.at_type .title_wrap,
#gnb_layout.on.gnbAType .depth1_ul > li.ov > .title_wrap,
#gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap,
#gnb_layout.on .gnb_bg{ top:90px;}/* #gnb_layout에서 2차 메뉴, gnb배경 위치 */
#gnb_layout.on.a_type .depth2_ul,
#gnb_layout.on.at_type .depth2_ul,
#gnb_layout.on.b_type .depth2_ul{ top:90px;}
#gnb_layout.on.c_type li.ov .depth2_ul,
#gnb_layout.on.gnbAType li.ov .depth2_ul{ padding:1px 0; top:90px;}
#gnb_layout.on.d_type li.ov .depth2_ul,
#gnb_layout.on.dt_type li.ov .depth2_ul{ top:94px;}
#gnb_layout.on.dt_type li.ov .depth2_ul,
#gnb_layout.on.gnbAType li.ov .depth2_ul{ width:auto; left:283px; right:0;}
#gnb_layout.on.dt_type li.ov .depth2_ul{ left:260px;}
#gnb_layout.on.gnbAType .depth1_ul > li.ov > .title_wrap,
#gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap{ width:283px; left:0;}
#gnb_layout.on .gnb_bg{ background-color:#000; border-top:1px solid #000; border-bottom:1px solid #000; opacity:1;}/* background-color:gnb배경색, opacity:gnb투명도 */
#gnb_layout.on .depth1_ul > li.on > a,
#gnb_layout.on .depth1_ul > li.ov > a,
#gnb_layout.on .depth1_ul > li:hover > a{ border-bottom:4px solid #4472c5;}/* 1차메뉴 오버시 밑줄 */
#gnb_layout.on .depth2_ul > li:hover > a{ background-color:#4472c5;}/* 1차메뉴 오버시 2차메뉴 배경색 */
#gnb_layout .depth1_ul a[target=_blank]:after{ width:11px; height:11px; background:url(/images/common/atype_ir.png) no-repeat -442px -1px; content:""; margin:0 0 0 10px; display:inline-block;}




/* gnb > gnbAType 시작 */
#gnb_layout.on.gnbAType .gnb_bg{ background-color:#eeeff2; border-top:1px solid #dedfe2; border-bottom:1px solid #dedfe2; opacity:1;}/* background-color:gnb배경색, opacity:gnb투명도 */ 
#gnb_layout.gnbAType .title_wrap{ background-color:transparent; font-family:nsk; text-align:left; overflow:hidden;}
#gnb_layout.gnbAType .title_wrap:before{ width:232px; height:193px; background:url(/images/common/atype_ir.png) no-repeat 0 -234px; content:""; position:absolute; top:164px; left:0;}
#gnb_layout.gnbAType .title_wrap strong{ width:100%; font-size:25px; color:#222; line-height:30px; padding:0; margin:35px 0 0 0; display:inline-block;}
#gnb_layout.gnbAType .title_wrap p{ width:100%; font-size:14px; color:#7f8186; line-height:20px; padding:0; margin:5px 0 0 0; display:inline-block; word-break:keep-all;}
#gnb_layout.gnbAType .depth2_ul{ background-color:transparent;}
#gnb_layout.gnbAType .depth2_ul:before{ width:182px; background-color:#4472c5; border:0;}
#gnb_layout.gnbAType .depth2_ul > li{ min-height:45px; padding-left:182px; border:0;}
#gnb_layout.gnbAType .depth2_ul > li:before{ width:100%; height:1px; background-color:#000; content:""; opacity:0.4; position:absolute; top:0; left:0;}
#gnb_layout.gnbAType .depth2_ul > li:first-child:before{ display:none;}
#gnb_layout.gnbAType .depth2_ul > li:hover:after{ width:10px; height:10px; background-color:#4472c5; content:""; margin:-5px 0 0 -5px;; position:absolute; top:50%; left:182px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#gnb_layout.gnbAType .depth2_ul > li > a{ width:182px; height:auto; font-size:15px; color:#fff; line-height:22px; padding:0 20px 0 14px; display:inline-block; box-sizing:border-box; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#gnb_layout.gnbAType .depth3_ul{ padding:7px 0;}
#gnb_layout.gnbAType .depth3_ul li a{ font-weight:400; font-size:14px; color:#6c6d6f; line-height:30px; padding:0 0 0 40px; position:relative;}
#gnb_layout.gnbAType .depth3_ul li a:before{ width:3px; height:3px; background-color:#aeaeaf; content:""; position:absolute; top:15px; left:32px;}
#gnb_layout.gnbAType .depth3_ul li a:hover,
#gnb_layout.gnbAType .depth3_ul li a:focus{ color:#2549a1; text-decoration:underline;}
#gnb_layout.gnbAType .depth3_ul li a:hover:before,
#gnb_layout.gnbAType .depth3_ul li a:focus:before{ background-color:#2549a1;}
/* gnb > gnbAType 끝 */

/* mobile 시작 */
#gnb_layout.mb,
#gnb_layout.mb ul,
#gnb_layout.mb li,
#gnb_layout.mb div,
#gnb_layout.mb a,
#gnb_layout.mb span,
#gnb_layout.mb .topUtile,
#gnb_layout.mb .bottomUtile,
#gnb_layout.mb .depth1_ul,
#gnb_layout.mb .depth2_ul,
#gnb_layout.mb .depth3_ul,
#gnb_layout.mb .depth1_ul > li,
#gnb_layout.mb .depth2_ul > li,
#gnb_layout.mb .depth3_ul > li,
#gnb_layout.mb .depth1_ul > li > a,
#gnb_layout.mb .depth2_ul > li > a,
#gnb_layout.mb .depth3_ul > li > a,
#gnb_layout.mb .depth1_ul:before,
#gnb_layout.mb .depth2_ul:before,
#gnb_layout.mb .depth3_ul:before,
#gnb_layout.mb .depth1_ul > li:before,
#gnb_layout.mb .depth2_ul > li:before,
#gnb_layout.mb .depth3_ul > li:before,
#gnb_layout.mb .depth1_ul > li > a:before,
#gnb_layout.mb .depth2_ul > li > a:before,
#gnb_layout.mb .depth3_ul > li > a:before,
#gnb_layout.mb .depth1_ul:after,
#gnb_layout.mb .depth2_ul:after,
#gnb_layout.mb .depth3_ul:after,
#gnb_layout.mb .depth1_ul > li:after,
#gnb_layout.mb .depth2_ul > li:after,
#gnb_layout.mb .depth3_ul > li:after,
#gnb_layout.mb .depth1_ul > li > a:after,
#gnb_layout.mb .depth2_ul > li > a:after,
#gnb_layout.mb .depth3_ul > li > a:after,
#gnb_layout.mb .depth1_ul > li > a:before,
#gnb_layout.mb .depth1_ul > li > a:hover:before,
#gnb_layout.mb .depth1_ul > li > a:focus:before,
#gnb_layout.mb .depth1_ul > li.on > a:before,
#gnb_layout.mb .depth1_ul > li > a:after,
#gnb_layout.mb .depth1_ul > li > a:hover:after,
#gnb_layout.mb .depth1_ul > li > a:focus:after,
#gnb_layout.mb .depth1_ul > li.on > a:after,
#gnb_layout.mb li.down .depth2_ul,
#gnb_layout.mb li.up .depth2_ul,
#gnb_layout.mb.at_type .depth1_ul,
#gnb_layout.mb.gnbAType .depth1_ul,
#gnb_layout.mb.dt_type .depth1_ul,
#gnb_layout.mb .depth1_ul{max-width:none; max-height:none; width:auto; height:auto; background:none; content:none; padding:0; margin:0; display:inline-block; vertical-align:top; box-sizing:border-box; border:none; border-radius:0; position:static; top:auto; right:auto; bottom:auto; left:auto; transform:none;}

#gnb_layout.mb{ width:100%; height:100%; padding-top:60px; position:fixed; top:0; left:0;}
#gnb_layout.mb .gnb_bg{ z-index:-1;}
#gnb_layout.mb .gnbClose{ width:20px; height:20px; background-position:-697px -1px; margin:0; top:20px; right:20px;}
#gnb_layout.mb .gnb_wrap{ width:310px; float:right;}
#gnb_layout.mb .depth1_ul,
#gnb_layout.mb.at_type .depth1_ul,
#gnb_layout.mb.gnbAType .depth1_ul,
#gnb_layout.mb.dt_type .depth1_ul{ width:100%; min-height:100%; background-color:#fff; padding-left:100px; position:absolute; right:-320px; z-index:1;}
#gnb_layout.mb .topUtile{ width:310px; height:60px; background-color:#6c7282; padding:20px; position:fixed; top:0; right:-320px;}
#gnb_layout.mb .topUtile li{ float:left;}
#gnb_layout.mb .topUtile li + li{ margin-left:10px;}
#gnb_layout.mb .topUtile li a{ font-size:14px; color:#fff; line-height:20px; padding:0 5px; display:inline-block;}
#gnb_layout.mb .topUtile li.home a,
#gnb_layout.mb .topUtile li.sitemap a{ width:20px; height:20px; font-size:0; text-indent:-9999px; padding:0; position:relative;}
#gnb_layout.mb .topUtile li.home a:before{ width:15px; height:14px;  content:""; margin:-7px 0 0 -7px; position:absolute; top:50%; left:50%;}
#gnb_layout.mb .topUtile li.sitemap a:before{ width:13px; height:11px;content:""; margin:-5px 0 0 -6px; position:absolute; top:50%; left:50%;}



#gnb_layout.mb .topUtile li.lan{width:150px;padding:5px 10px 10px 25px;height:35px;  background:url(/images/common/language_icon2.png) no-repeat 0px 3px;background-color:transparent; position:relative; right:auto;}

#gnb_layout.mb .topUtile li.lan > a{ width:100%; padding-right:20px; position:relative;}
#gnb_layout.mb .topUtile li.lan > a:after{ width:9px; height:5px; content:""; margin-top:-2px; position:absolute; top:50%; right:8px;}
#gnb_layout.mb .topUtile li.lan > ul{ width:150px; padding:35px 0 0 0px; display:inline-block; position:absolute; top:-9999999px; left:0; z-index:9;}
#gnb_layout.mb .topUtile li.lan > ul li{ width:100%; background-color:#33599c; padding:0; border-top:1px dashed #6581c1;}
#gnb_layout.mb .topUtile li.lan > ul li + li{ margin:0;}
#gnb_layout.mb .topUtile li.lan > ul li a{ width:100%; text-align:left; line-height:30px; padding:0 15px; border:0;}
#gnb_layout.mb .topUtile li.lan > ul li a:hover,
#gnb_layout.mb .topUtile li.lan > ul li a:focus{ background-color:#2f4b7d;}
#gnb_layout.mb .topUtile li.lan.on > ul{ top:0px;}

#gnb_layout.mb .depth1_ul:before,
#gnb_layout.mb.at_type .depth1_ul:before,
#gnb_layout.mb.gnbAType .depth1_ul:before,
#gnb_layout.mb.dt_type .depth1_ul:before{ width:100px; height:100%; background-color:#555; content:""; position:absolute; top:0; left:0;}
#gnb_layout.mb .depth1_ul > li,
#gnb_layout.mb .depth1_ul > li.n2,
#gnb_layout.mb .depth1_ul > li.n3,
#gnb_layout.mb .depth1_ul > li.n4,
#gnb_layout.mb .depth1_ul > li.n5,
#gnb_layout.mb .depth1_ul > li.n6,
#gnb_layout.mb .depth1_ul > li.n7,
#gnb_layout.mb .depth1_ul > li.n8,
#gnb_layout.mb .depth1_ul > li.n9,
#gnb_layout.mb .depth1_ul > li.n10{ max-width:none; width:100%; float:left;}
#gnb_layout.mb .depth1_ul > li > a{ width:100px; text-align:center; color:#fff;margin-right:210px; border-bottom:1px solid #636363; position:fixed; right:-320px;}
#gnb_layout.mb .depth1_ul > li+li > a{ border:0; border-bottom:1px solid #737373;color:#fff;}
#gnb_layout.mb .depth1_ul > li:nth-child(1) > a{ top:60px;}
#gnb_layout.mb .depth1_ul > li:nth-child(2) > a{ top:111px;}
#gnb_layout.mb .depth1_ul > li:nth-child(3) > a{ top:162px;}
#gnb_layout.mb .depth1_ul > li:nth-child(4) > a{ top:213px;}
#gnb_layout.mb .depth1_ul > li:nth-child(5) > a{ top:264px;}
#gnb_layout.mb .depth1_ul > li:nth-child(6) > a{ top:315px;}
#gnb_layout.mb .depth1_ul > li:nth-child(7) > a{ top:366px;}
#gnb_layout.mb .depth1_ul > li:nth-child(8) > a{ top:417px;}
#gnb_layout.mb .depth1_ul > li:nth-child(9) > a{ top:468px;}
#gnb_layout.mb .depth1_ul > li:nth-child(10) > a{ top:609px;}
#gnb_layout.mb .depth1_ul > li > a > span{ width:100px; height:45px; font-size:16px;  text-align:center; line-height:20px;}
#gnb_layout.mb .depth1_ul > li.down > a{ background-color:#fabe00; color:#222; padding:0 0px;}
#gnb_layout.mb .depth1_ul > li.down > a > span{ color:#1854a4;}
#gnb_layout.mb .depth2_ul,
#gnb_layout.mb .depth1_ul.n2 .depth2_ul,
#gnb_layout.mb .depth1_ul.n3 .depth2_ul,
#gnb_layout.mb .depth1_ul.n4 .depth2_ul,
#gnb_layout.mb .depth1_ul.n5 .depth2_ul,
#gnb_layout.mb .depth1_ul.n6 .depth2_ul,
#gnb_layout.mb .depth1_ul.n7 .depth2_ul{ width:100%; display:none;}
#gnb_layout.mb .depth1_ul li.down .depth2_ul,
#gnb_layout.mb .depth1_ul li.up .depth2_ul{ width:100%; padding-left:10px; margin-bottom:0px; display:inline-block;}
#gnb_layout.mb .depth2_ul > li{ width:100%; border-bottom:1px solid #e0e0e0; position:relative;}
#gnb_layout.mb .depth2_ul > li > a,
#gnb_layout.mb.at_type .depth2_ul > li > a,
#gnb_layout.mb.gnbAType .depth2_ul > li > a,
#gnb_layout.mb.dt_type .depth2_ul > li > a{ width:100%; font-size:15px; color:#444; line-height:20px; padding:14px 36px 14px 20px;}
#gnb_layout.mb .depth2_ul > li.more.on > a{ color:#3f61b2;}
#gnb_layout.mb .depth2_ul > li.more > a:before{ top:30px;}
#gnb_layout.mb .depth2_ul > li.more > a:after{ top:24px;}
#gnb_layout.mb li.on > .depth3_ul{ width:100%; background-color:#ecedef; padding:12px 15px; border-top:1px solid #ccc;}
#gnb_layout.mb .depth3_ul > li{ width:100%;}
#gnb_layout.mb .depth3_ul > li a{ width:100%; font-size:14px; color:#555; line-height:18px; padding:6px 0 6px 8px; position:relative;}
#gnb_layout.mb .depth3_ul > li a:before{ width:2px; height:2px; background-color:#adadaf; content:""; position:absolute; top:14px; left:0;}
/* mobile 끝*/




@media (max-width:1359px){
	#top_layout,
	#body_layout,
	#body_layout.b_type .lnb_wrap,
	#body_layout.b_type .contents_wrap,
	
	#top_layout .top_wrap,
	#body_layout .body_wrap,
	#body_layout.a_type .contents_wrap,
	#body_layout.b_type .lnb_wrap .depth2_ul,
	#body_layout.b_type .contents_wrap,
	#body_layout.b_type .contents_wrap .title_wrap,
	#body_layout.b_type .contents_wrap #txt,
	#body_layout.c_type .contents_wrap{ width:100%;}
	
	#gnb_layout .depth1_ul{ position:absolute; left:60px; right:60px;}
	#gnb_layout.at_type .depth1_ul,
	#gnb_layout.gnbAType .depth1_ul,
	#gnb_layout.dt_type .depth1_ul{ width:auto;}
	#gnb_layout.at_type .title_wrap{ left:60px; margin:0;}
	#gnb_layout.on.at_type .gnb_bg:before,
	#gnb_layout.on.dt_type .gnb_bg:before{ width:320px; margin:0; right:0;}	
	
	
}
@media (max-width:1023px){
	#top_layout.b_type{ position:relative; top:auto; left:auto;}
	#top_layout.b_type:before{ display:none;}
	#top_layout.b_type .top_wrap .utile_wrap li a{ color:#222326;}
	#top_layout.b_type .top_wrap .logo_wrap a.logo_kor{ background-position:-247px -1px;}
	#top_layout.b_type .top_wrap .logo_wrap a.logo_home{ color:#000;}
	#top_layout.b_type .top_wrap .logo_wrap a.logo_home:before{ background-color:#000;}
	#top_layout .top_wrap .utile_wrap li{ display:none;}
	#top_layout .top_wrap .utile_wrap li.sitemap{ display:inline-block;}
	
	
	#body_layout.a_type .body_wrap,
	#body_layout.b_type .body_wrap,
	#body_layout.c_type .body_wrap{ margin:0 0 50px 0;}
	#body_layout.b_type .contents_wrap{ padding-bottom:0;}
	#body_layout.a_type .contents_wrap .title_wrap,
	#body_layout.b_type .contents_wrap .title_wrap,
	#body_layout.c_type .contents_wrap .title_wrap{ height:auto; margin:15px 0 60px 0; border-bottom:1px solid #e5e5e5;}
	#body_layout.a_type .contents_wrap .title_wrap h2,
	#body_layout.b_type .contents_wrap .title_wrap h2,
	#body_layout.c_type .contents_wrap .title_wrap h2{ width:100%; font-size:32px; color:#252525; text-align:center; line-height:40px; margin-bottom:0;}/* 페이지 타이틀 폰트 설정 */
	#body_layout.a_type .contents_wrap .title_wrap .utile_wrap,
	#body_layout.c_type .contents_wrap .title_wrap .utile_wrap{ z-index:99999999;width:100%; text-align:center; margin:5px 0 15px 0; position:relative; top:auto; right:auto;}/* 유틸설정 */
	#body_layout.a_type .contents_wrap .title_wrap .utile_wrap .location_wrap,
	#body_layout.b_type .contents_wrap .title_wrap .utile_wrap .location_wrap,
	#body_layout.c_type .contents_wrap .title_wrap .utile_wrap .location_wrap,
	#body_layout.a_type .contents_wrap .title_wrap .utile_wrap .print_wrap,
	#body_layout.b_type .contents_wrap .title_wrap .utile_wrap .print_wrap,
	#body_layout.c_type .contents_wrap .title_wrap .utile_wrap .print_wrap{ float:none;}
	#body_layout.a_type .contents_wrap .title_wrap .utile_wrap .print_wrap,
	#body_layout.b_type .contents_wrap .title_wrap .utile_wrap .print_wrap,
	#body_layout.c_type .contents_wrap .title_wrap .utile_wrap .print_wrap{ position:absolute; bottom:-55px; right:0;}
	#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.n1{ display:none;}
	#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.on .sns_wrap{ padding:0 29px 0 0;}
	#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li .sns_wrap a{ left:auto; right:0;}
	#body_layout.b_type .contents_wrap #txt{ margin:0;}
	
	#top_layout .top_wrap .utile_wrap .n1,
	#top_layout .top_wrap .utile_wrap .n3{display:none;}
	
	#body_layout.a_type .contents_wrap,
	#body_layout.c_type .contents_wrap{ padding:0; margin:0;}
	
	
}

@media (max-width:767px){
	#top_layout,
	#body_layout,
	#body_layout.b_type .contents_wrap,
	#top_layout .top_wrap .logo_wrap{ padding-left:80px;}
	#top_layout .top_wrap .logo_wrap a.logo_kor,
	#top_layout.b_type .top_wrap .logo_wrap a.logo_kor{ width:58px; height:28px; background-position:-341px -1px; margin-top:-14px; top:50%;}
	#top_layout .top_wrap .logo_wrap a.logo_home{ font-size:18px;}
	#gnb_layout.mb .gnbClose{ right:20px; }
}