@charset "utf-8";

.skip_nav{display:none}

/*상단 common메뉴*/
.top_wrap{height:40px;border-bottom:1px solid #41434d;background:#2e3138}
.top_wrap ul.top_link{float:left;display:block}
.top_wrap ul.top_link li{float:left;height:40px;display:block}
.top_wrap ul.top_link li a{display:block;color:#fff;font-size:14px;padding:0 15px;letter-spacing:-1px;line-height:38px;border-right:1px solid #41434d}
.top_wrap ul.top_link li:first-child a{border-left:1px solid #41434d;color:#5a75cd;padding-left:35px;background:url(/kr/img/common/icon_home.gif) 10px 10px no-repeat}

.top_wrap ul.top_icon{float:right;display:block}
.top_wrap ul.top_icon li{float:left;height:40px;display:block;line-height:38px;padding:0 4px}
.top_wrap ul.top_icon li a{display:block;color:#fff;font-size:12px;letter-spacing:-1px;line-height:38px}
.top_wrap ul.top_icon li img{vertical-align:middle}
.top_wrap ul.top_icon .login{ padding:0 10px 0;background:url(/kr/img/common/l_line.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang{position:relative;padding:0 0 0 5px}
.top_wrap ul.top_icon .lang2{position:relative;margin:5px 0 0 0}
.top_wrap ul.top_icon .lang .selected a{padding:0 20px 0 0;background:url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang .list{display:none;position:absolute;top:32px;left:-21px;right:-4px;padding:0;background:#2f3139;z-index:9999}
.top_wrap ul.top_icon .lang .list li{width:100%;height:20px}
.top_wrap ul.top_icon .lang .list li a{text-align:center;padding:0;line-height:20px}

.inner{width:1200px;margin:0 auto;position:relative}

/*header*/
#header{position:relative}
#header h1{background:url(/sca/common/images/common/logo.png) no-repeat;width:232px;height:45px;position:absolute;left:0;top:39px;z-index:10}
#header h1 a{display:block}
#header .inner{}

hr.gnb-line{display:block;border:0;border-bottom:1px solid #e1e0df;margin:0px;position:absolute;top:160px;width:100%;z-index:200}
.gnb-bg{height:60px;background:rgba(255, 255, 255, 0.6);position:absolute;top:160px;left:0;width:100%;border-top:1px solid #ddd;z-index:200}

#nav{padding:45px 0 0 293px;position:relative}

ul.gnb{width:100%}
ul.gnb:after{content:'';display:block;clear:both}
ul.gnb>li{float:left}
ul.gnb>li.m01{width:106px}
ul.gnb>li.m02{width:143px}
ul.gnb>li.m03{width:143px}
ul.gnb>li.m04{width:104px}
ul.gnb>li.m05{width:126px}
ul.gnb>li.m06{width:102px}
ul.gnb>li.m07{width:77px}
ul.gnb>li.m08{width:106px}
ul.gnb>li>a{display:block;font-size:20px;padding:10px 0 15px;font-weight:bold;height:50px}
ul.gnb>li.on>a, ul.gnb>li>a:hover{color:#e94709}
ul.gnb>li.on .depth02{display:block;width:100%}
ul.gnb>li .depth02{position:absolute;left:0;top:116px;padding:15px 0;display:none;z-index:300}
ul.gnb>li.m01 .depth02{ left:100px}
ul.gnb>li.m02 .depth02{ left:340px}
ul.gnb>li.m03 .depth02{ left:555px}
ul.gnb>li .depth02 ul>li{display:inline-block}
ul.gnb>li .depth02 ul>li>a{padding:8px 10px;display:block}
ul.gnb>li.m04 .depth02,
ul.gnb>li.m05 .depth02,
ul.gnb>li.m06 .depth02,
ul.gnb>li.m07 .depth02,
ul.gnb>li.m08 .depth02{text-align:right}
ul.gnb>li .depth02 ul>li:first-child>a{padding-left:0}
ul.gnb>li .depth02 ul>li:last-child>a{padding-right:0}

/*sub템플릿*/
.sub-visual{background:url(/sca/common/images/common/sub-visual.png) no-repeat center;height:200px;background-size:cover}
#container.sub{padding:0 0 20px 0}
#container .sub-top div.h2{position:absolute;top:-160px;left:27%;width:610px;text-align:center}
#container .sub-top h2{font-size:60px;color:#157a40}
#container .sub-top div.h2 p{font-size:30px;text-shadow:1px 1px #fff;letter-spacing:-0.095em}
#container .sub-top .sub-menu{position:relative;top:-26px}
#container .sub-top .sub-menu>ul{display:table;width:100%;text-align:center}
#container .sub-top .sub-menu>ul>li{display:table-cell;background:#148479;width:1%}
#container .sub-top .sub-menu>ul>li>a{display:block;padding:20px 0;color:#fff;font-size:15px;border-left:1px solid #5ba9a1}
#container .sub-top .sub-menu>ul>li:first-child>a{border:0}
#container .sub-top .sub-menu>ul>li.on>a{background:#e84429}

.con-section{font-family:'NotoS', 'Malgun Gothic', '맑은 고딕', 'Dotum','AppleGothic','sans-serif';text-decoration:none;color:#333;}
.con-section h3{text-align:center;font-size:36px;padding:10px 0;margin-bottom:50px;position:relative}
.con-section h3:after{display:block;content:'';width:80px;height:1px;background:#e84429;left:46.65%;bottom:0;position:absolute}

.depth03{padding:0 0 50px 0}
.depth03>ul.tab{display:table;width:100%}
.depth03>ul.tab>li{display:table-cell;margin:0;padding:0;background:none}
.depth03>ul.tab.half>li{width:50%}
.depth03>ul.tab>li>a{display:block;text-align:center;border:1px solid #ddd;box-sizing:border-box;padding:15px}
.depth03>ul.tab>li.on>a{background:#148479;color:#fff;border:1px solid #148478}

/* footer */
footer{position:relative;clear:both;display:block;height:190px;font-size:14px;letter-spacing:-1px;margin:0;padding:0}
footer .link_wrap{position:relative;height:50px;line-height:50px;background:#eee;border-top:1px solid #bcbcbb;border-bottom:1px solid #bcbcbb;z-index:50}
footer .link_wrap .cnt{position:relative}
footer .link_wrap a{color:#464c58}
footer .link_wrap a:hover, .footer .link_wrap a:active{text-decoration:underline}
footer .f_logo{display:inline-block;float:left;clear:both;padding:24px 30px 0 0}
footer .fl{float:left;text-align:left}
footer .fr{float:right;text-align:right}
footer .btm_menu{overflow:hidden;font-size:0}
footer .btm_menu li{display:inline-block;line-height:1.2}
footer .btm_menu li:before{content:'';display:inline-block;width:1px;height:9px;margin:0 6px;vertical-align:middle;background:#c8c8c8}
footer .btm_menu li:first-child:before{display:none}
footer .btm_menu li a{font-size:14px;color:#333;vertical-align:middle}
footer .btm_menu li .point{color:#00569f}
footer address{margin:25px 0 6px;color:#333;font-size:13px;letter-spacing:0;line-height:22px}
footer address span{color:#0070b2}
footer .copy{color:#555;font-size:13px;line-height:1.35}
footer .list_logo{display:inline-block;margin:34px 0 0 0;font-size:0;vertical-align:middle}
footer .list_logo li{display:inline-block;margin:0 0 0 5px;vertical-align:middle}
footer .link_wrap .site_link{float:right;width:570px;text-align:right;overflow:hidden}
footer .link_wrap .site_link a{color:#464c58;font-size:14px;/*padding-right:17px;margin-right:20px;background:url(/kr/img/common/arow_top01.gif) no-repeat right 4px*/}
footer .link_wrap .site_link span{display:inline-block;margin-left:10px}
footer .link_wrap .site_link select{height:25px;padding:0;font-size:14px;color:#666;border:1px solid #ddd}
footer .link_wrap .site_link input{height:25px}
footer .link_wrap .site_link .site_go01 select{width:100px}
footer .link_wrap .site_link .site_go02 select{width:100px}
footer .link_wrap .site_link .site_go03 select{width:100px}
footer .link_wrap .site_link .site_go03 img{vertical-align:middle!important}

footer .google{letter-spacing:-1px}
footer .google a{color:#44a7ff;}
footer .google{color:#555;font-size:13px;line-height:1.35}
.grecaptcha-badge {visibility: hidden;}

.bottom_etc{/* padding:2.4%;*/background:#f7f7f7;margin:/*60*/100px 0 0;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf}
.qrcode{padding:20px 110px 20px 30px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;font-weight:bold;position:relative;clear:both;background:#f7f7f7}
.qrcode p.qr_title{margin:0;padding:0;background:none}
.qrcode p.txtQrcode{padding:0;background:none;margin:10px;font-size:13px;font-weight:normal;letter-spacing:-1px}
.qrcode a{display:block;position:absolute;right:10px;top:10px;border:1px solid #ccc}
.qrcode div.qrZoom{position:absolute;right:-1px;top:-1px;border:1px solid #ccc}

.research{margin:10px 0 0 30px}
.research div.researchCount{}
.research div.researchCount p.research_title{margin:0;padding:10px 0;font-weight:bold}
.research div.researchCount form{margin:10px 20px}
.research div.researchCount form ol{width:100%;display:inline-block;margin:0 0 10px 0}
.research div.researchCount form ol li{float:left;margin-right:10px}
.research div.researchCount form ol label{padding:0 0 0 5px}
.research div.researchCount form ul{display:inline-block;width:100%}
.research div.researchCount form ul li{float:left}
.research div.researchCount form ul li:first-child{width:86%}
.research div.researchCount form ul li:first-child input{padding:5px;margin:0;height:33px;width:97%;border:1px solid #ccc}
.research div.researchCount p.resultBtn{margin:20px 0;padding:0;background:none;width:100%;text-align:center}

.ccl{padding:10px 20px;background-color:#dfdfdf;font-weight:bold}
.ccl a{padding:5px;background:#fafafa;display:block;border:1px solid #bbb;float:left;margin-right:10px}
.ccl p{margin:0;padding:0;background:none;font-weight:normal;font-size:13px;letter-spacing:-1px}

.contentAdmin{padding:10px 20px;border-top:1px solid #dfdfdf}
.contentAdmin div.adminArea{width:100%;display:inline-block}
.contentAdmin div.adminArea dl{margin:0;font-size:12px;letter-spacing:-1px;line-height:200%}
.contentAdmin div.adminArea dl dt{display:inline-block;font-weight:bold;margin-right:5px;font-size:14px}
.contentAdmin div.adminArea dl dd{display:inline-block;margin-right:30px;font-size:14px}

.updateButton button.btn_info{width:100%;text-align:center;display:block;margin:0 auto;border:1px solid #999;background:#cccfd4;height:30px;font-weight:bold;text-shadow:1px 1px #fff}