@charset "utf-8";
header{border-bottom:1px solid #ddd3;padding:0 0 15px 0}
a{color:#fff}

.sub_con em{font-style:normal}
.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_d.png") 0 -120px}
.sub_con a{font-weight:normal}
.subl_itv .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:#0089d0;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 #353537}
.s_left>ul>li>a{display:block;padding:15px 20px;font-size:20px;font-weight:700;color:#fff;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:#2a2b2c}
.s_left>ul>li.on>a,.s_left>ul>li>a:hover,.s_left>ul>li>a:focus{background:#0089d0;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{}
.s_left li li.on a,.s_left li li a:hover,.s_left li li a:focus{color:#0089d0;text-decoration:underline}
.s_left li li.on a:before{}
.s_left li li.on a .new_win{}
.s_left ul ul ul{background:#1e1e20;margin:10px 0;padding:5px 15px}
.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:#0089d0;text-decoration:underline}

.s_right{}
.s_title{position:relative}
.s_title h3{color:#fff;margin:0 0 10px 0}
.s_local{background:#2a2b2c;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{}
.s_local li a:hover,.s_local li a:focus{color:#0089d0;text-decoration:underline}
.s_local li:first-child{}
.s_local li:first-child:before{display:none}
.s_local li:first-child a{}
.s_local li:first-child a:before{content:"";display:inline-block;width:12px;height:13px;background:url("/images/01_portal/common/ico_cmd_d.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_d.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 div{display:none}
.s_sns div.on{display:block}
.s_snsbox{position:absolute;top:30px;left:35px}
.s_snsbox ul{}
.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_d.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_dark.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_d.png") no-repeat -320px -140px #4a4a4a;border-radius:100%}

.scon_bottom{font-size:15px}
.license{text-align:center;margin:0 0 20px 0}
.license a{}
.license img{}
.license span{display:block;margin:10px 0 0 0}
.license em{}
.manager{background:#2a2b2c;padding:10px 20px;border:1px solid #353537;border-bottom:none}
.manager ul{}
.manager li{margin:10px 0}
.manager li:last-child{}
.manager li em{font-weight:700;color:#fff;vertical-align:bottom}
.manager li em:before{content:"";display:inline-block;width:20px;height:20px;background:url("/images/01_portal/common/ico_cmd_d.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 #353537;border-top:none;padding:20px}
.research p{font-weight:700;color:#fff;margin:0 0 10px 0}
.research ul{}
.research li{}
.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 #353537;width:calc(100% - 105px);height:33px;float:left}
.research input[type=submit]{background:#fff;border:1px solid #353537;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) {
.s_container{}

.sub_con{margin:0 3.90625%}
.s_left{}
.s_left h2{}
.s_left>ul{}
.s_left>ul>li{}
.s_left>ul>li>a{}
.s_left>ul>li>a:after{}
.s_left>ul>li>a>.new_win{}
.s_left>ul>li.on{}
.s_left>ul>li.on>a{}
.s_left>ul>li.on>a:after{}
.s_left>ul>li.on>a>.new_win{}
.s_left ul ul{}
.s_left li li{}
.s_left li li a{}
.s_left li li a:before{}
.s_left li li a .new_win{}
.s_left li li.on{}
.s_left li li.on a{}
.s_left li li.on a:before{}
.s_left li li.on a .new_win{}

.s_right{}
.s_title{}
.s_title h3{font-size:42px}
.s_local{}
.s_local ul{}
.s_local li{}
.s_local li a{}
.s_local li:first-child{}
.s_local li:first-child a{}
.s_local li:first-child a:before{}
.s_sns{}
.s_sns>button{}
.s_sns>button.print{}
.s_sns>button.sns{}
.s_sns>button.link{}
.s_sns>button.plus{}
.s_sns>button.minus{}
.s_snsbox{}
.s_snsbox ul{}
.s_snsbox li{}
.s_snsbox li a{}
.s_snsbox li.face a{}
.s_snsbox li.twi a{}
.s_snsbox button{}

.scon_bottom{}
.license{text-align:left}
.license a{display:block;overflow:hidden}
.license img{float:left;margin:0 20px 0 0;vertical-align:middle}
.license span{}
.license em{color:#0089d0}
.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}
.manager li em{}
.manager li em:before{}
.manager li:nth-child(1) em:before{}
.manager li:nth-child(2) em:before{}
.manager li:nth-child(3) em:before{}
.research{}
.research p{}
.research ul{}
.research li{}
.research li:first-child{}
.research label{}
.research input[type=radio]{}
.research input[type=text]{}
.research input[type=submit]{}

.s_con{}

}

/* Desktop */
@media all and (min-width:1023px) {
.s_container{}

.sub_con{width:1400px;padding:50px 0;margin:0 auto}
.s_left{display:block}
.s_left h2{}
.s_left>ul{}
.s_left>ul>li{}
.s_left>ul>li>a{}
.s_left>ul>li>a:after{}
.s_left>ul>li>a>.new_win{}
.s_left>ul>li.on{}
.s_left>ul>li.on>a{}
.s_left>ul>li.on>a:after{}
.s_left>ul>li.on>a>.new_win{}
.s_left ul ul{}
.s_left li li{}
.s_left li li a{}
.s_left li li a:before{}
.s_left li li a .new_win{}
.s_left li li.on{}
.s_left li li.on a{ color: #fff;}
.s_left li li.on a:before{}
.s_left li li.on a .new_win{}

.s_right{float:right;width:75%}
.s_title{}
.s_title h3{}
.s_local{}
.s_local ul{}
.s_local li{}
.s_local li a{}
.s_local li:first-child{}
.s_local li:first-child a{}
.s_local li:first-child a:before{}
.s_sns{bottom:7px;right:15px}
.s_sns>button{}
.s_sns>button.print{}
.s_sns>button.sns{}
.s_sns>button.link{}
.s_sns>button.plus{}
.s_sns>button.minus{}
.s_snsbox{}
.s_snsbox ul{}
.s_snsbox li{}
.s_snsbox li a{}
.s_snsbox li.face a{}
.s_snsbox li.twi a{}
.s_snsbox button{}

.scon_bottom{}
.license{}
.license a{}
.license img{}
.license span{}
.license em{}
.manager{}
.manager ul{}
.manager li{}
.manager li:last-child{}
.manager li em{}
.manager li em:before{}
.manager li:nth-child(1) em:before{}
.manager li:nth-child(2) em:before{}
.manager li:nth-child(3) em:before{}
.research{position:relative}
.research p{}
.research ul{}
.research li{}
.research li:first-child{position:absolute;top:10px;right:0}
.research label{}
.research input[type=radio]{}
.research input[type=text]{}
.research input[type=submit]{}

.s_con{}

.lnb_none .s_right{float:none;width:100%} 
}