@charset "utf-8";
@import url(/css/toplink.css);
html[class^='chrome_49'] body,
html[class^='chrome_49'] input,
html[class^='chrome_49'] select,
html[class^='chrome_49'] button,
html[class^='chrome_49'] textarea,
html[class^='chrome_5'] body,
html[class^='chrome_5'] input,
html[class^='chrome_5'] select,
html[class^='chrome_5'] button,
html[class^='chrome_5'] textarea{font-family:'Noto Sans CJK KR' , 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;}
.more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more:before,
.more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}
button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

.layout{position:relative;margin:0 auto;width:100%;max-width:1240px;}
.layout:after {display:block;visibility:hidden;clear:both;content:""}
.tmpl_ir {background-image:url(/template/C/images/tmpl_ir.png); background-repeat: no-repeat; font-size:0;}

.modal-open #top_link  {z-index:11;}
#top_link {position: relative;z-index: 12;height:48px;background: #27313b;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap {float:left;}
#top_link .linkwrap ul {}
#top_link .linkwrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#top_link .linkwrap ul li {float:left;position:relative;margin-right: 26px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap ul li:after {display:block;position:absolute;right: -13px;top: 21px;content:'';width:1px;height:8px;background:#6a7179;}
#top_link .linkwrap ul li:last-child{margin-right:0}
#top_link .linkwrap ul li:last-child:after {display:none;}
#top_link .linkwrap ul li a {display:block;line-height:48px;font-size:14px;color: #fff;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap2 {float:right;}
#top_link .linkwrap2 ul {}
#top_link .linkwrap2 ul:after {display:block;visibility:hidden;clear:both;content:""}
#top_link .linkwrap2 ul li {float:left;position:relative;padding-left: 26px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap2 ul li:first-child {padding-left:0;}
#top_link .linkwrap2 ul li:after {display:block;position:absolute;right: -13px;top: 21px;content:'';width:1px;height:8px;background:#6a7179;}
#top_link .linkwrap2 ul li:last-child:after {display:none;}
#top_link .linkwrap2 ul li > a {display:block; line-height:48px; color:#fff; font-size:14px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap2 ul li.n1 a span {display:inline-block;width:17px; height:17px; margin:-3px 5px 0 0;background-position:0 0; vertical-align:middle;}
#top_link .linkwrap2 ul li.n3:before {display:block;position:absolute;z-index: -1;left: 25px;top:0;content:'';width:50px;height:48px;background: url(/template/C/images/toplink_bg.png)no-repeat left top;}
#top_link .linkwrap2 ul li.n3:after {display:none;position:absolute;z-index: -1;right: -90px;top:0;content:'';width:100px;height:48px;background: url(/template/C/images/toplink_bg.png)no-repeat right bottom;}
#top_link .linkwrap2 ul li.n3 a span {display:inline-block;width:21px; height:17px; margin:-3px 5px 0 0;background-position:-40px 0; vertical-align:middle;}
#top_link .linkwrap2 ul li.n4 a span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position: -84px 0;vertical-align:middle;}
#top_link .linkwrap2 ul li.lang {position:relative;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang {position:relative;text-align:left;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > button {display:block;height: 100%;line-height: 48px;margin-right: 15px;color: #fff;font-size: 14px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > button:after {display:block;position:absolute;right:0;top: 50%;margin-top: 0.5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-top:4px solid #fff;content:'';}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > button span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position:-20px 0; vertical-align: middle;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div {display:none;position:absolute;top: 48px;z-index: 3;width:100%;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang.on > div {display:block;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div > button{display:block;position:absolute;top:-48px;left:0;height: 48px;line-height: 48px;padding-right: 15px;background: #27313b;color: #fff;font-size: 14px;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div > button:after {display:block;position:absolute;right: 0;top: 50%;margin-top: -0.5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;content:'';}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div > button span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position:-20px 0; vertical-align: middle;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner {border-top:2px solid #fff;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span {display:block;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span a {display:block;width:100%;height: 40px;line-height: 40px;background: #27313b;color:#fff;border-bottom: 1px dashed #6a7179;font-size:14px;text-align: center;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span:last-child a {border:none;}
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span a:hover,
#top_link .linkwrap2 ul li.lang .clickOpen_lang > div .inner span a:focus {background:#18252f;}
#top_link .linkwrap2 ul li.n3{overflow: hidden;height:48px;padding-right: 90px;margin-right: -40px;}
#top_link .linkwrap2 ul li.n3 #svg_symbol{position: absolute;right:5px;bottom: -45px;overflow: visible;width: 80px;height: 80px;animation:circle 30s linear alternate infinite;-webkit-animation:circle 30s linear alternate infinite;}
#top_link .linkwrap2 ul li.n3 #svg_symbol [class*="st"]{transform-origin: center center;-webkit-transform-origin: center center;}
#top_link .linkwrap2 ul li.n3 #svg_symbol .st0{fill:#F6AB00;animation:st0 1s ease-in alternate infinite;-webkit-animation:st0 1s ease-in alternate infinite;}/*노란색*/
#top_link .linkwrap2 ul li.n3 #svg_symbol .st1{fill:#82A9DA;animation:st0 1s ease-in alternate .5s infinite;-webkit-animation:st0 1s ease-in alternate .5s infinite;}/*하늘색*/
#top_link .linkwrap2 ul li.n3 #svg_symbol .st2{fill:#C85912;animation:st0 1s ease-in alternate 1s infinite;-webkit-animation:st0 1s ease-in alternate 1s infinite;}/*진주황*/
#top_link .linkwrap2 ul li.n3 #svg_symbol .st3{fill:#EF7E00;animation:st0 1s ease-in alternate 1.5s infinite;-webkit-animation:st0 1s ease-in alternate 1.5s infinite;}/*연주황*/
#top_link .linkwrap2 ul li.n3 #svg_symbol .st4{fill:#F6AB00;}/*가운데원*/
#top_link.active {z-index:11; height:70px;}
#top_link.active .linkwrap ul li a,
#top_link.active .linkwrap2 ul li > a {line-height:70px;}
#top_link.active .linkwrap ul li:after,
#top_link.active .linkwrap2 ul li:after {top:32px;}
#top_link.active .linkwrap2 ul li.n3 {height:100%;}
#top_link.active .linkwrap2 ul li.lang .clickOpen_lang > button {line-height:70px;}
#top_link.active .linkwrap2 ul li.lang .clickOpen_lang > div > button {height:70px; line-height:70px;}

#top_layout{display:block;position: absolute;left:0;top: 48px;z-index: 11;width:100%;height:110px;border-bottom:1px solid #e7d5b7;text-align:center;}
#top_layout.on {z-index: 999;}
#top_layout .top_wrap {height:100%;padding: 0;}
#top_layout .top_wrap #logo {position:absolute;left:0;top:0;z-index: 11;padding-right: 30px;}
#top_layout .top_wrap #logo a {display: block;}
#top_layout .top_wrap #logo .logo span {display:inline-block;width: 104px;height:40px;margin: 33px 0 0;background:url(/template/C/images/logo.png)no-repeat;font-size:0;vertical-align:top;}
#top_layout .top_wrap #logo .logo em {display:inline-block;position:relative;line-height:110px;margin-left: 30px;color: #fff;font-size: 20px;font-weight:700;}
#top_layout .top_wrap #logo .logo em:after {display:block;position:absolute;left: -15px;top:50%;content:'';width:1px;height: 22px;margin-top: -11px;background: rgba(253,252,253,0.3);}
#top_layout .top_wrap #logo .homepage {display: none;position: absolute;right: 0;top: 0;width: 30px;height: 100%;margin-left: 5px;vertical-align:top;}
#top_layout .top_wrap #logo .homepage span {display:inline-block;position:relative;width: 100%;height: 30px;margin: 40px 0 0;border-radius: 50%;background-image:url(/template/C/images/home_btn.png);background-position: center;font-size:0;vertical-align: top;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_layout .top_wrap #logo .homepage span:after {display:block;position:absolute;left:0;top: 0;z-index: -1;content:'';width:100%;height:100%;border-radius:50%;}
#top_layout .top_wrap #logo .homepage:hover span,
#top_layout .top_wrap #logo .homepage:focus span {background-image:url(/template/C/images/home_btn_ov.png);}

#top_layout .top_wrap .utile_wrap {position:absolute; right:0; top:0; z-index:11;height:100%;}
#top_layout .top_wrap .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#top_layout .top_wrap .utile_wrap li {float:left;}
#top_layout .top_wrap .utile_wrap li.pc {height:100%;}
#top_layout .top_wrap .utile_wrap li.pc a {display:block; height:100%;}
#top_layout .top_wrap .utile_wrap li.pc span {display:block;width:23px;height:100%;font-size:0;}
#top_layout .top_wrap .utile_wrap li.pc span:after{display:block;position: absolute;top: 50%;width:23px;height:18px;background:url(/template/C/images/menu.png) 0 0;font-size:0;transform: translateY(-50%);content:'';}
#top_layout .top_wrap .utile_wrap li.mo {display:none;}
#top_layout .top_wrap .utile_wrap li.mo button {display: inline-block;width:23px;height:100%;font-size:0;}
#top_layout .top_wrap .utile_wrap li.mo button:after{display:block;position: absolute;top: 50%;width:23px;height:18px;background:url(/template/C/images/menu.png) 0 0;font-size:0;transform: translateY(-50%);content:'';}
#top_layout .top_wrap .utile_wrap li.mo button span {display:block; width:100%; height:100%; }

#top_layout.on + .gnb_bg {display: block;z-index: 99;}
#top_layout + .gnb_bg {display: none;position: fixed;top: 158px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
.modal-open #top_layout .top_wrap #logo{z-index:-1;}
#top_layout.on{background:#fff;}
#top_layout.on .top_wrap #logo .logo span{background-position: 0 -37px;}
#top_layout.on .top_wrap .utile_wrap li.pc span:after{background-position: 0 -18px;}
#top_layout.on .top_wrap #logo .logo em{color:#2d2d2d}
#gnb_layout.open .depth1_ul>li>a{color:#2d2d2d}

#gnb_layout{display: block !important;overflow:hidden;position:absolute;top: 0;left: 0;width: 100%;min-height:110px;height:110px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
#gnb_layout:after{top:110px}
#gnb_layout.open{}
#gnb_layout.open:after{position: absolute;top: 110px;bottom: 0;right:0;width: 100%;height:auto;border-top:1px solid #ddd;background: #fff url(/template/C/images/gnb_bg2.jpg)no-repeat 99% bottom;content:"";}
#gnb_layout.open:before{display:block;position:absolute;top: 110px;left: 0;right: 50%;z-index: 1;width: auto;height:100%;margin-right: 320px;background: url(/template/C/images/gnb_bg.jpg)no-repeat left top;background-size:cover;content:'';}
#gnb {position: absolute;top:0px;left: 0;width: 100%;height: 110px;z-index:2;}
#gnb_layout.open #gnb:before {display:block; position:absolute; top:110px; left:3%; content:''; width:205px; height:123px; background:url(/template/C/images/gnb_obj3.png)no-repeat; }
#gnb_layout.action{position:relative;background-color:#fff;}
#gnb_layout .layout{position:relative;height: 100%;}
#gnb_layout .depth1_ul{display:inline-block;float: none;height:100%;z-index:14;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;float:left;height:100%;margin: 0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 20px;font-size: 17px;color: #fff;text-align:center;}
#gnb_layout .depth1_ul>li>a:before{display: block;position: absolute;top: 50%;left: 0;content:'';width: 1px;height: 16px;margin-top: -8px;background: rgba(253,252,253,0.3);}
#gnb_layout .depth1_ul>li:first-child>a:before{display: none;}
#gnb_layout > ul > li.on > a,
#gnb_layout .depth1_ul>li>a:after {display:block;opacity:0;position:absolute;left:50%;bottom: -10px;width:20px;height:19px;margin-left:-10px;border-radius: 50%;background: #fff url(/template/C/images/gnb_ov.png);content:'';transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}

#gnb_layout .depth1_ul>li>a.current{color:#135c96;}
#gnb_layout .depth1_ul>li>a.current span {font-weight: 700;}
#gnb_layout .depth1_ul>li>a.current:after {opacity:1;}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1;display: block}
#gnb_layout .depth1_ul>li>a span{display: inline-block;height: 100%;line-height: 110px;vertical-align: middle;font-weight: 500;}

#gnb_layout .depth1_ul>li>a[target="_blank"] span:after {display:inline-block;width: 16px;height: 15px;margin:-2px 0 0 5px;background: url(/template/C/images/blank.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul > li .item{display: none;position:absolute;top: 110px;left: 0;z-index: 100;width: 100%;min-height: 300px;margin: 40px 0 30px;padding-left: 300px;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title {position:absolute;top:0;left: 0;height:100%;width: 300px;padding: 0 0 0 40px;background: url(/template/C/images/gnb_obj.png)no-repeat left bottom;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;z-index: 1;margin:0 0 20px;font-size: 23px;color: #fff;font-weight:600;line-height: 1;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:before {display:block;position:absolute;content:'';left: -40px;top: -18px;width:28px;height:27px;background: url(/template/C/images/gnb_obj2.png)no-repeat; animation: gnbobj 2s ease-out;-webkit-animation: gnbobj 2s ease-out;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:after {display:block; position:absolute; left:-8px; right:-8px; bottom:-4px; content:''; width:auto; height:10px; border-radius:20px; background:rgba(255,255,255,.2);}

#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;position: relative;z-index: 1;width:100%;padding:0;margin:0;font-size:14px;color: #fff;line-height:1.5;}
#gnb_layout .depth1_ul > li .item .gnb-depth {position:relative;height:100%;min-height: 243px;margin: 0 0 0 25px;}
#gnb_layout .depth1_ul > li .item .depth2_ul{float:left;position: relative;top: 0;height: 100% !important;min-height: 243px;width: 100%;text-align:  left;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li{display: block;float: left;position:relative;width: calc(33% - 25px);padding: 0;margin: 0 0 10px 25px;text-align: left;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative;height: 48px;padding: 10px 15px;border-bottom: 3px solid #d5d5d5;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:before {display:block;position:absolute;content:'';right:15px;top: 50%;margin-top: -2.5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #aeaeae;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus:before {border-top:5px solid #053d6c;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display:inline-block;color: #2d2d2d;font-size: 16px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus {border-bottom: 3px solid #053d6c;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span{color:#053d6c;font-weight:700;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]:before {display:inline-block;width:16px;height:15px;margin-top: -7.5px;border:none;background:url(/template/C/images/blank.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on[target="_blank"]:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:hover:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:focus:before {border:none;margin-top: -7.5px;}
#gnb_layout .depth3_ul {padding:15px 15px;}
#gnb_layout .depth3_ul > li {position:relative; margin:5px 0; }
#gnb_layout .depth3_ul > li > a {display:block; position:relative; width:100%; padding-left:10px; }
#gnb_layout .depth3_ul > li > a:before{display:block; position:absolute; left:0; top:11px; content:''; width:3px; height:3px; background:#9f9fa0;}
#gnb_layout .depth3_ul > li > a:hover:before,
#gnb_layout .depth3_ul > li > a:focus:before {background:#053d6c;}
#gnb_layout .depth3_ul > li > a > span {display:inline-block;font-size:15px; color:#4d4d4d}
#gnb_layout .depth3_ul > li > a[target="_blank"] > span:after {display:inline-block;width:16px;height:15px;margin:-2px 0 0 5px;background:url(/template/C/images/blank.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth3_ul > li > a:hover > span,
#gnb_layout .depth3_ul > li > a:focus > span {color:#053d6c; text-decoration:underline;}


@keyframes circle{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@keyframes st0{
	0%{transform: scale(1);-webkit-transform: scale(1);}
	100%{transform: scale(1.1);-webkit-transform: scale(1.1);}
}
@-webkit-keyframes st0{
	0%{transform: scale(1);-webkit-transform: scale(1);}
	100%{transform: scale(1.1);-webkit-transform: scale(1.1);}
}

@-webkit-keyframes gnbobj {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes gnbobj {
	0% {transform: rotate(0deg);}
	100% {transform:rotate(360deg);}
}

@media screen and (max-width:1700px){
	#gnb_layout.open #gnb:before {display:none;}
}
@media screen and (max-width:1400px){
	#top_link .linkwrap2 ul li.n3 {margin-right: -20px;}
	#top_link .linkwrap2 ul li.n3:after {right:-80px;}
}
@media screen and (max-width:1319px){
	.layout{max-width: 100%;padding:0 40px;}

	#top_layout .top_wrap #logo{left:20px;}
	#top_layout .top_wrap .utile_wrap{right:20px;}
}
@media screen and (max-width:1279px){
	.layout,
	#top_layout {padding:0 20px;}
	#top_layout .top_wrap #logo{left:0px;}
	#top_layout .top_wrap .utile_wrap{right:0px;}

	#gnb_layout.open:before {display:none;}
	#gnb_layout .depth1_ul > li > a {padding:0 15px;}
	#gnb_layout .depth1_ul > li .item {margin:30px 0; padding:0;}
	#gnb_layout .depth1_ul > li .item .gnb-title {display:none;}
	#gnb_layout .depth1_ul > li .item .gnb-depth {margin: 0 -10px;padding: 0 20px;}
	#gnb_layout .depth1_ul > li .item .depth2_ul {margin: 0;}
	#gnb_layout .depth1_ul > li .item .depth2_ul > li {width: calc(25% - 20px);margin: 0 10px 10px;}
	#gnb_layout .depth1_ul > li .item .depth2_ul > li > a {padding: 7px 15px;}
	#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {font-size:15px;}
	#gnb_layout .depth3_ul {padding:8px 15px;}
}
@media screen and (max-width:1199px){
	#top_link .linkwrap {display:none;}
}
@media screen and (max-width:1023px){
	#top_link {z-index: 12;}
	#top_link .linkwrap2 ul li.n1,
	#top_link .linkwrap2 ul li.n2,
	#top_link .linkwrap2 ul li.n4 {display:none;}
	#top_link .linkwrap2 ul li.n3 {padding-left:25px;}
	#top_link .linkwrap2 ul li.n3:before {left:0;}
	#top_layout {height:75px;}
	#top_layout .top_wrap #logo .logo span {width:89px;height:32px;margin: 19.5px 0 0;background-size:100%;}
	#top_layout .top_wrap #logo .logo em {line-height:75px;font-size: 17px;}
	#top_layout .top_wrap #logo .logo em:after {/* margin-top: -6px; */}
	#top_layout .top_wrap #logo .homepage span {margin:22.5px 0 0;}
	#top_layout .top_wrap .utile_wrap li.pc {display:none;}
	#top_layout .top_wrap .utile_wrap li.mo {display:block;height: 100%;}
	#top_layout.on + .gnb_bg {display:none;}
	#gnb_layout{display: none !important;}
}
@media screen and (max-width:767px){
	#top_link {background: #27313b url(/template/C/images/toplink_bg2.png)no-repeat right bottom;}
	#top_link .linkwrap {display:none;}
	#top_link .linkwrap2 {float:left;}
	#top_link .linkwrap2 ul li.n3 {padding: 0;}
	#top_link .linkwrap2 ul li.n3:before {display:none;}
	#top_link .linkwrap2 ul li.n3:after {display:none;}
	#top_link .linkwrap2 ul li.n3 #svg_symbol{display: none;}
	#top_layout .top_wrap #logo .homepage {display:none;}
	#top_layout .top_wrap #logo .logo em{font-size:13px;}
	#top_layout .top_wrap .utile_wrap {position:absolute;right:0;top: 0;}
	#top_layout .top_wrap .utile_wrap li {float:none;text-align: right;}
}

/* mobile menu */
#mobile-menu{overflow: visible;/* height: 100%; */padding:0 !important;}
#mobile-menu .modal-dialog {float:right;width:300px;height: 100%;margin: 0;padding: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {-webkit-transform:translate(0px,0);transform: translate(0px,0);}
#mobile-menu .modal-dialog .modal-content{position: static;height: 100%;padding: 0;border: none;background:#fff;padding: 45px 0 0;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;width: 100%;text-align: center;}
#mobile-menu .modal-dialog .modal-content .topUtile.tmp_center {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile.tmp_kor {display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member {height: 45px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul {}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul:after {display:block; clear:both; visibility:hidden; content:'';}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li {float:left;position:relative;width:33.33%;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li:after {display:block; position:absolute; right:0; top:50%; content:''; width:1px; height:12px; margin-top:-6px; background:#d9d9d9;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li:last-child:after {display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li a{display:block;font-size:13px; color:#555; line-height:45px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang {width:100%; height:35px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang a {display:block; width:100%; height:100%;background:#8e796d;color:#fff; font-size:15px; line-height:35px;}
#mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: scroll;overflow-x: hidden;height:100%;background: #4f5b69;text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;border-bottom: 1px solid rgba(255,255,255,.2);background: #4f5b69;color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {display:block;position:absolute;right: 18px;top: 18.5px;width: 10px;height: 10px;border-width:1px;border-style: solid;border-color: #fff;border-width: 1px 1px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov {background: #053d6b;font-weight: 700;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after {border-width:0 1px 1px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display:block;padding: 13px 45px 13px 25px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;width: 100%;position:relative;border-bottom:1px solid #cbcbcb;background:#fff;color:#222;font-size: 15px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before {right: 16px;width: 16px;height: 1px;background: #b2b2b2;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {right: 24px;width: 1px;height: 16px;background: #b2b2b2;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov {color: #053d6b;font-weight: 700;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display:block;padding: 13px 45px 13px 25px;padding-left: 35px;line-height:1.4;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display:none;padding:5px 0;background:#e5e5e5;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;margin: 12px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li:after {display:block;position:absolute;left: 40px;top: 9px;width: 2px;height: 2px;background: #8a8a8a;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;padding-left: 50px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display:block;font-size: 13px;color: #686868;}
#mobile-menu .mobile-close {position:absolute;top: -48px;left: -45px;}
#mobile-menu .mobile-close span {display:block; position:relative; width:53px; height:53px; font-size:0;}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mobile-menu .mobile-close span:before {width: calc(100%/2);height: 1px;background: #fff;}
#mobile-menu .mobile-close span:after {width: 1px;height: calc(100%/2);background: #fff;}
.modal-open .modal-backdrop.in{position: fixed;opacity: .8;z-index: 999;}


.modal-open,
.modal-open #body_layout {overflow:hidden;height:100%;}
.modal-open #body_layout {z-index: 1; }