@charset "utf-8";


/*서브-상단비주얼 */
#svisual{width:100%; height:213px; background: url(../img/sub/s_main01.jpg) no-repeat center center; min-width:1100px; }
#svisual_comm{width:100%; height:313px; background: url(../img/sub/s_main_comm.jpg) no-repeat center center; min-width:1100px; }
#svisual .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:3.5em; font-weight:500; padding-top:0px; color:#fff; text-align:center; text-shadow: 1px 1px 2px rgb(0,0,0,0.5);text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
#svisual .svisual_in .s_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size: 1.20em; color:rgb(255,255,255,1);color:rgba(255,255,255,1); padding-top:10px; font-weight:400;text-align:center;  text-shadow: 1px 1px 2px rgb(0,0,0,0.5);text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
#svisual_comm .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual_comm .svisual_in .s_text h2{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:5.0em; font-weight:500; padding-top:45px; color:#fff; text-align:center}
#svisual_comm .svisual_in .s_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center}
@media (max-width: 991px) {
#svisual{height:100px; background: url(../img/sub/s_main01.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual_comm{height:140px; background: url(../img/sub/s_main01.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual .svisual_in{width:100%; height:120px;}
#svisual .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual .svisual_in .s_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size: 1.20em; color:rgb(255,255,255,1);color:rgba(255,255,255,1); padding-top:10px; font-weight:400;text-align:center; line-height:1.2em}
#svisual_comm .svisual_in{width:100%; height:120px;}
#svisual_comm .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual_comm .svisual_in .s_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center; line-height:1.2em}

}

.s_text{padding-top:30px;}


/* 서울PMT */
#company h3{font-size:1.8em; margin:30px 0 20px 0; position:relative; padding-left:10px;}
#company h3:before{content:""; display:block; position:absolute; left:0; top:5px; background:#1D4382; width:3px; height:15px;}
#company p{word-break:keep-all; word-wrap:break-word;}
#company .en{color:#4A99D2;}
#company .pmt{margin:20px 0 10px 0;}
#company .pmt:after{content:""; display:block; clear:both;}
#company .pmt dl{width:calc(33.333% - 7px); margin-right:10px; padding:20px; height:280px; float:left; letter-spacing:0; text-align:center; position:relative;}
#company .pmt dl:last-child{ margin-right:0;}
#company .pmt dl:nth-child(1){ background:#414141; color:#fff;}
#company .pmt dl:nth-child(2){ background:#1ca0cb; color:#fff;}
#company .pmt dl:nth-child(3){ background:#ddd;}
#company .pmt dt{text-align:center; font-size:2em; padding-top:15px;}
#company .pmt dd{position:absolute; left:0; top:50%; transform:translateY(-50%); padding:30px; padding-bottom:0; width:100%; font-size:1.2em; line-height:2em;}
#company .pmt dd img{width:60%; margin:0 auto;}
#company .area li{padding:10px; border:1px solid #E4E4E4; margin:10px; width:calc(25% - 22px); float:left; text-align:center; font-size:1.3em;}
@media (max-width: 991px) {
#company .pmt dt{padding-top:0;}
#company .pmt dl{width:100%; margin:5px 0; height:165px;}
#company .pmt dd{line-height:1.7em; font-size:1em; }
.txt img{width:100%;}
#company .area li{width:calc(50% - 22px);}
}


#company .org:after{content:""; display:block; clear:both;}
#company .org dl{ border:1px solid #ddd;margin-bottom:12px; /*height:70px; margin-right:10px; padding:18px; position:relative; border-radius:35px; padding-left:80px; */}
#company .org dt{ /*position:absolute; left:0; top:0; width:70px; height:70px; border-radius:50%;*/ width:100%; background:#1D4382; color:#fff; font-size:1em; text-align:center; padding:13px 0; font-size:1.4em; margin-bottom:0;}
#company .org strong{font-size:1.3em; display: block; padding-bottom:10px;}
#company .org dd{padding:20px;}
@media screen and (max-width:991px) {
#company .org dl{height:auto; min-height:70px;}
}


#committee{text-align:center; letter-spacing:0;}

/*#service{width:70%; margin:0 auto;}
#service:after{content:""; display:block; clear:both;}
#service dl{float:left; width:50%; margin-bottom:30px; height:180px;}
#service dd{position:relative; padding-left:10px;}
#service dd:before{content:""; display:block; position:absolute; left:0; top:6px; width:5px; height:5px; background:#ddd;}
@media screen and (max-width:991px) {
#service{width:90%;}
#service dl{width:100%; height:auto;}
}
*/

/*SERVICE*/
.service{ background:url(../img/sub/service_bg.jpg) no-repeat; min-height:713px; padding: 20px 0;}
.service ul{ width:92%; padding:0; margin:0 4% 4%}
.service li{ min-height:275px; padding:20px;}
.service li:first-child{ background:rgb(17,50,117,0.7); background:rgba(17,50,117,0.7)}
.service li:nth-child(2){ background:rgb(0,0,0,0.7); background:rgba(0,0,0,0.7)}
.service li:nth-child(3){ background:rgb(0,0,0,0.7); background:rgba(0,0,0,0.7)}
.service li:nth-child(4){ background:rgb(17,50,117,0.7); background:rgba(17,50,117,0.7)}
.service li:nth-child(5){ background:rgb(17,50,117,0.7); background:rgba(17,50,117,0.7)}
.service li:nth-child(6){ background:rgb(0,0,0,0.7); background:rgba(0,0,0,0.7)}
.service li.col-md-6{ margin:2%; width:46%}
.service li dt{ font-size:1.35em; color:#fff; border-bottom:1px solid rgb(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); line-height:4.0em; margin:0 0 20px}
.service li dd{ font-size:1.15em; color:rgb(255,255,255,0.7); color:rgba(255,255,255,0.7); padding-left: 15px; background: url(../img/sub/bul_li_t3.png) no-repeat 0 7px;}
@media screen and (max-width:767px) {
.service{ background:none; min-height:auto; padding:0}
.service ul{ width:100%; padding:0; margin:0}
.service li.col-md-6{ width:100%; margin:2% 0 }
.service li:nth-child(5){ background:rgb(17,50,117,0.7); background:rgba(17,50,117,0.7)}
}

/*파트너십*/
.siteLink li{ width:23%; margin:0 1%; display:inline-block}
.siteLink li img{ width:190px}
.siteLink li:nth-child(4n+1){ width:23%; margin:0 1% 0 0}
.siteLink li:nth-child(4n){ width:23%; margin:0 0 0 1%}
.siteLink li a{border:1px solid #d0d8e2; padding:7px 12px; text-align:center; display:block; margin:0 0 8px}
@media screen and (max-width:767px) {
.siteLink li{ width:48%; margin:0 1%}
.siteLink li:nth-child(1n){ width:47%; margin:0 2% 0 0}
.siteLink li:nth-child(2n){ width:47%; margin:0 0 0 2%}	
.siteLink li:nth-child(4n){ width:47%; margin:0 0 0 2%}	
}


.new_site{ margin-bottom:30px;}
.new_site p{ font-size:1.3em; letter-spacing:0; font-weight:bold; border:1px solid #ddd; padding:30px 30px; word-break: keep-all; word-wrap:break-word;}
.new_site h3{font-size:1.6em; color:#06C; line-height:1.8em; margin-bottom:20px;}
.new_site .box li{margin:5px; width:calc(50% - 12px); padding:20px; border:1px solid #E7E7E7; float:left; }
.new_site .box strong{font-size:1.8em; font-weight:bold; color:#454d88; display:block; border-bottom:1px solid #EEE; padding-bottom:15px; margin-bottom:15px;}
.new_site .box .con{margin:15px 0;}
.new_site .box .con li{float:inherit;border:none; padding:0; font-size:1.3em;}
@media screen and (max-width:767px) {
.new_site{ margin-bottom:20px;}
.new_site p{ font-size:1.1em; padding:15px 15px;}
.new_site h3{font-size:1.4em;line-height:1.5em; margin-bottom:10px;}
.new_site .box li{width:calc(100% - 12px); padding:10px; }
.new_site .box strong{font-size:1.4em;}
.new_site .box .con{margin:15px 0;}
.new_site .box .con li{float:inherit;border:none; padding:0;}	
}


#contact .map{margin-bottom:10px;}
#contact dt{margin-bottom:0;}
#contact dd{margin-bottom:10px;}