@charset "utf-8";

header{border-bottom:1px solid #222}
.subl_portal header,.subl_ebook header{border-bottom:none}
em{font-style:normal}
.subl_mani .sub_con {border-bottom:solid 1px #090909}
.sub_con input[type=submit]{cursor:pointer}
.sub_con *{box-sizing:revert}
.sub_con .new_win{display:inline-block;width:15px;height:0;padding:13px 0 0 0;overflow:hidden;margin:0 0 0 7px;vertical-align:baseline;background:url("/images/01_portal/common/ico_cmd.png") 0 -120px}
.sub_con a{font-weight:normal}
.subl_ebook .s_ai,.subl_itv .s_ai,.subl_governor .s_ai,.subl_ecopotal .s_ai,.subl_mani .s_ai,.subl_eng .s_ai,.sub1_audit .s_ai{display:none}

.sub_con{padding:30px 0 50px 0;margin:0 6.25%;overflow:hidden}
.s_left{display:none;float:left;width:20.35714285714286%}
.s_left h2{color:#034694;text-align:center;font-size:30px;margin:0 0 20px 0}
.s_left>ul{border-top:1px solid #4a4a4a}
.s_left>ul>li{border-bottom:1px solid #e9e9e9}
.s_left>ul>li>a{display:block;padding:15px 35px 15px 20px;font-size:20px;font-weight:700;color:#222;position:relative}
.s_left>ul>li>a:after{content:"";display:block;width:10px;border-top:2px dotted #c2c2c2;position:absolute;top:50%;right:20px;transform:translate(0, -50%)}
.s_left>ul>li>a>.new_win{background-position:-20px -120px}
.s_left>ul>li.on{background:#f3f5f8}
.s_left>ul>li.on>a,.s_left>ul>li>a:hover,.s_left>ul>li>a:focus{background:#034694;color:#fff}
.s_left>ul>li.on>a:after{border-top:2px solid #fff}
.s_left>ul>li.on>a>.new_win,.s_left>ul>li>a:hover>.new_win,.s_left>ul>li>a:focus>.new_win{background-position:0 -120px}
.s_left ul ul{margin:10px 20px}
.s_left li li{margin:10px 0}
.s_left li li a{position:relative;padding:0 0 0 10px}
.s_left li li a:before{content:"";display:block;width:2px;height:2px;background:#464646;position:absolute;top:10px;left:0}
.s_left li li a .new_win{background-position:-20px -120px}
.s_left li li.on a,.s_left li li a:hover,.s_left li li a:focus{color:#034694;text-decoration:underline}
.s_left ul ul ul{background:#fff;margin:10px 0;padding:5px 15px;display:none}
.s_left li li.on ul{display:block}
.s_left li li.on li a{text-decoration:none;color:#898989;font-size:15px}
.s_left li li li a:before{content:"";display:block;width:5px;height:1px;background:#464646;position:absolute;top:10px;left:0}
.s_left li li li.on a,.s_left li li li a:hover,.s_left li li li a:focus{color:#034694;text-decoration:underline}

.s_title{position:relative}
.s_title h3{color:#222;margin:0 0 10px 0}
.s_local{background:#f3f5f8;padding:10px 20px}
.s_local ul{overflow:hidden}
.s_local li{float:left;line-height:1.5em}
.s_local li:before{content:"";display:inline-block;width:1px;height:10px;background:#cfcfcf;margin:0 10px;vertical-align:middle}
.s_local li a:hover,.s_local li a:focus{color:#034694;text-decoration:underline}
.s_local li:first-child:before{display:none}
.s_local li:first-child a:before{content:"";display:inline-block;width:12px;height:13px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -40px -120px;vertical-align:middle;margin:0 5px 0 0}
.s_sns{position:absolute;bottom:-35px;right:0}
.s_sns>button{width:30px;height:0;padding:30px 0 0 0;margin:0 2px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat;overflow:hidden}
.s_sns>button.print{background-position:-5px -145px}
.s_sns>button.sns{background-position:-45px -145px}
.s_sns>button.link{background-position:-85px -145px}
.s_sns>button.plus{background-position:-125px -145px}
.s_sns>button.minus{background-position:-165px -145px}
.s_sns>button.s_ai{background:url("/upload_data/user_file/01_portal/common/ico_subai.png") -5px -5px}
.s_sns div{display:none}
.s_sns div.on{display:block}
.s_snsbox{position:absolute;top:30px;left:80px;z-index:2}
.s_snsbox li{margin:0 0 2px 0}
.s_snsbox li a{display:block;width:30px;height:0;padding:30px 0 0 0;overflow:hidden;background:url("/images/01_portal/common/ico_cmd.png") no-repeat}
.s_snsbox li.face a{background-position:-240px -140px}
.s_snsbox li.twi a{background:url("/upload_data/user_file/01_portal/common/twi_i.png")no-repeat;}
.s_snsbox li.kakao a{background:url("/upload_data/user_file/01_portal/common/kakao_i.png")no-repeat;}
.s_snsbox button{width:30px;height:0;padding:30px 0 0 0;overflow:hidden;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -320px -140px #4a4a4a;border-radius:100%}
.s_aibox{position:absolute;top:30px;left:70px;background:#fff;border:1px solid #034694;padding:20px;width:230px;box-shadow:4px 4px 7px rgba(0, 0, 0, .2);transform:translate(-50%, 0);z-index:2}
.s_aibox button{width:30px;height:0;padding:30px 0 0 0;overflow:hidden;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -320px -140px #4a4a4a;border-radius:100%;position:absolute;top:10px;right:10px}
.s_aibox>div{display:block;margin:10px 0 0 0}
.s_aibox>p{color:#034694;font-weight:500;padding:0 30px 0 0}
.s_ailist{background:#f3f5f8;padding:10px 15px;margin:5px 0}
.s_ailist li{padding:0 0 0 25px;margin:5px 0;position:relative}
.s_ailist li a:before{display:block;width:17px;height:17px;background:#f26a29;color:#fff;margin:0 5px 0 0;text-align:center;font-size:14px;position:absolute;top:0;left:0}
.s_ailist li:nth-child(1) a:before{content:"1"}
.s_ailist li:nth-child(2) a:before{content:"2"}
.s_ailist li:nth-child(3) a:before{content:"3"}
.s_ailist li:nth-child(4) a:before{content:"4"}
.s_ailist li:nth-child(5) a:before{content:"5"}
.s_ailist li a{font-size:15px;color:#898989}
.s_ailist li a:hover,.s_ailist li a:focus{color:#464646;text-decoration:underline}
.s_aibt{overflow:hidden}
.s_aibt p{float:left;font-size:15px}
.s_aibt a{float:right;padding:5px 10px;background:#034694;color:#fff;font-size:14px}

.scon_bottom{font-size:15px}
.license{text-align:center;margin:0 0 20px 0}
.license span{display:block;margin:10px 0 0 0}
.manager{background:#f3f5f8;padding:10px 20px;border:1px solid #e9e9e9;border-bottom:none}
.manager li{margin:10px 0}
.manager li em{font-weight:700;color:#222;vertical-align:bottom}
.manager li em:before{content:"";display:inline-block;width:20px;height:20px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat;margin:0 5px 0 0;vertical-align:bottom}
.manager li:nth-child(1) em:before{background-position:-60px -120px}
.manager li:nth-child(2) em:before{background-position:-80px -120px}
.manager li:nth-child(3) em:before{background-position:-100px -120px}
.research{border:1px solid #e9e9e9;border-top:none;padding:20px}
.research p{font-weight:700;color:#222;margin:0 0 10px 0}
.research li:first-child{margin:10px 0;line-height:1.5em}
.research label{margin:0 20px 0 0;vertical-align:middle}
.research input[type=radio]{vertical-align:middle}
.research input[type=text]{border:1px solid #e9e9e9;width:calc(100% - 105px);height:33px;float:left}
.research input[type=submit]{background:#fff;border:1px solid #e9e9e9;width:100px;height:35px;float:right;font-size:15px}

.s_con{padding:50px 0}
footer>div{padding:0}

/* Tablet */
@media all and (min-width:768px) {
.top_search{position:absolute;bottom:20px;right:60px;width:300px}

.sub_con{margin:0 3.90625%}
.s_title h3{font-size:42px}
.s_aibox{width:450px;left:-50px}

.license{text-align:left}
.license a{display:block;overflow:hidden}
.license img{float:left;margin:0 20px 0 0;vertical-align:middle}
.license em{color:#034694}
.manager{position:relative;padding:15px 20px}
.manager ul{overflow:hidden}
.manager li{float:left;margin:0 20px 0 0}
.manager li:last-child{position:absolute;top:15px;right:0}
}

/* Desktop */
@media all and (min-width:1023px) {
.top_search{right:0}
.topsch_pop{top: 50px;right:4px}

.sub_con{width:1400px;padding:50px 0;margin:0 auto}
.s_left{display:block}
.s_right{float:right;width:75%}
.s_sns{bottom:7px;right:15px}
.research{position:relative}
.research li:first-child{position:absolute;top:10px;right:0}
}