@import url('noto-serif-kr.css');

/* 공통 */
.pointer {color: #9b59b6;/*font-family: 'Pacifico', cursive;*/font-size: 30px;margin-top: 15px;}
.main {float: left;width:100%;margin: 0 auto;}
.main h1.demo1 {background: #1ABC9C;}
h3 {font-size:20px; font-weight:500; color:#222;text-align:left;}
h4 {font-size:28px;text-align:center;color:#333;text-align:left;line-height:1.6em;font-weight:600;vertical-align:middle;padding-bottom:-10px;border-bottom:2px solid #333;display:inline;letter-spacing:-2px}/*180829수정*/
h5{font-size:36px; font-weight:700;letter-spacing:-1px;}

/*------header-------*/
.main_login{width:100%;background-color:#f7f7f7;border-bottom:1px solid #f2f2f2;}
.main_login ul {width:1024px;text-align:right;margin:0 auto;font-size:15px;padding:12px 0 6px;font-weight:400;}
.main_login ul li{display:inline-block;margin-left:20px;}
.main_login ul li a{color:#7c7c7c;}
.main_login ul li a:hover{color:#7c7c7c;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.main_login ul {padding:12px 0 10px;}
}

/*------gnb-------*/
.gnb_menu_wrap{width:1024px;margin:0 auto;padding:30px 0;}
.logo{float:left;}
.gnb_menu{float:right;height:45px;padding-bottom:20px;}
.gsm_bg{display:none; position:absolute;left:0;top:136px;z-index:20;width:100%;min-height:210px;border-top:1px solid #dfdfdf;border-bottom:1px solid #e3e3e3;background:#ffffff;}/*20180802수정*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.gsm_bg{top:138px;}}/*20180802수정*/
.gnb_menu .gm{display:inline-block;margin-top:18px; text-align:right;margin-left:100px;}/*190305추가*/
.gnb_menu .gm.last_child{margin-right:142px}
.gnb_menu.gnb_menu_brandnew .gm.last_child {margin-right:96px;}
.gnb_menu.gnb_menu_brandnew .gsm_list01 {left:164px}
.gnb_menu.gnb_menu_brandnew .gsm_list02{left:313px;}
.gnb_menu.gnb_menu_brandnew .gsm_list03{left:426px;}
.gnb_menu.gnb_menu_brandnew .gsm_list04{left:539px;}
/*대메뉴*/
.gnb_menu .gm .gm_link{display:block;color:#222;font-size:18px;line-height:0.5em; font-weight:500;}
.gnb_menu .gm .gm_link:hover,.gnb_menu .gm .gm_link:focus,.gnb_menu .gm .gm_link:active,.gm a.active{color:#3c93d7 !important;border-bottom:5px solid #3c93d7;padding-bottom:33px;}
.gnb_menu .gm .gm_link.on{color:#3c93d7;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.gnb_menu .gm .gm_link:hover,.gnb_menu .gm .gm_link:focus,.gnb_menu .gm .gm_link:active{color:#3c93d7;border-bottom:5px solid #3c93d7;padding-bottom:33px;}
.gnb_menu .gm .gm_link.on{color:#3c93d7;}}
.gnb_sub_menu{display:none;position:absolute;left:0;top:102px;z-index:20;width:100%;}
.gsm_content{position:relative;width:980px;margin:0 auto;}
.gsm_list{position:absolute;top:60px;left:267px;width:120px;}
/*소메뉴위치*/
.gsm_list01{left:31.2%;}/*190305수정*/
.gsm_list02{left:49%}/*190305수정*/
.gsm_list03{left:66.5%;}/*190305수정*/
.gsm_list04{left:84.5%;}/*190305추가*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.gsm_list01{left:31.2%;}/*190305수정*/
.gsm_list02{left:49%}/*190305수정*/
.gsm_list03{left:66.5%;}/*190305수정*/
.gsm_list04{left:84.5%;}/*190305추가*/
}
/*소메뉴*/
.gsm_sub_list li{}
.gsm_sub_list a{display:block;padding:0 0 0 10px;line-height:2em;letter-spacing:0.5px; text-align:left;color:#666;}
.gsm_sub_list a:hover, .gsm_sub_list a:active, .gsm_sub_list a:focus{display:block;color:#3c93d7;}
.gsm_sub_list a:hover span, .gsm_sub_list a:active span, .gsm_sub_list a:focus span{display:block;cursor:pointer}
.gsm_sub_list .ls02{letter-spacing:-2px;}
/*소메뉴관련 */
.gsm_list01 a{width:130px;}
.gsm_list02 a{width:105px;}
.gsm_list03 a{width:115px;}
.gsm_list04 a{width:87px;}/*190305추가*/

/*main_contents*/
.main_contents{width:100%;border:1px solid #e3e3e3;height:168px;}
.ctbn{width:1024px;margin:0 auto;position:relative;}
.ctbn li{display:inline-block;width:24.6%;height:168px;border-left:1px solid #e3e3e3;box-sizing:border-box;font-size:18px;}
.ctbn li a{margin-top:10px;position:absolute; top:57%;margin-left:92px;font-weight:500;}
@media screen and (-webkit-min-device-pixel-ratio:0){.ctbn li a{margin-left:-30px}}
.ctbn li.system{background:url(../images/main/img_system.png) no-repeat 93px 35px;}
.ctbn li.standard{background:url(../images/main/img_standard.png) no-repeat 104px 35px;}
.ctbn li.guide{background:url(../images/main/img_guide.png) no-repeat 94px 35px;}
.ctbn li.donation{border-right:1px solid #e3e3e3;background:url(../images/main/img_donation.png) no-repeat 86px 35px;}

/*news*/
.news{width:1024px;margin:0 auto;min-height:400px;}
.news h3{margin-top:80px;margin-bottom:20px;}
.news_ct div{width:31.6%;position:relative;height:320px;}
.news_bn01{font-size:18px;margin-right:20px;}
.news_bn02{margin-right:20px;}
.news_text01{font-size:18px;display:block;text-align:left;position:absolute; top:7%; left:8%;color:#fff;line-height:1.6em;}
.news_bn02, .news_bn03{border:1px solid #e3e3e3;padding:0;box-sizing:content-box;}
.news_text02, .news_text03{position:absolute; top:80%; left:8%;font-size:15px;color:#666;line-height:1.6em;text-align:left;}

/*footer*/
footer{width:100%; height:auto;}
.ft_01{border-top:1px solid #e3e3e3;padding:30px 0 20px;}
.ft_menu{width:1024px;margin:0 auto;text-align:left;}
.ft_menu li{display:inline-block;}
.ft_menu li a{display:inline-block;font-size:15px;color:#222;}
.ft_menu li a:hover{color:#222;}
.ft_menu li::after {content:'|'; color:#666;margin:0 30px;font-size:12px;margin-bottom:10px;}
.ft_menu li:last-child::after {content:'';margin-left:0;}
.ft_02{text-align:left;width:100%;padding:0 0 40px;}
address{width:1024px;margin:0 auto;text-align:left;font-size:14px;color:#666;line-height:1.6em;}
.tel {margin-right:5px;}

/*------login-------*/
.login_wrap{width:100%; background:#f7f7f7; padding:100px 0;}
.login_ct{width:1024px;height:auto;margin:0 auto;}
.login_box{background:#fff;border:1px solid #e3e3e3;width:864px;min-height:310px;padding:90px 80px;}

.box01{width:400px;height:307px;float:left;padding-right:60px;border-right:1px solid #e3e3e3;}
.box02{width:340px;float:right;}
.box02 div{border-bottom:1px solid #e3e3e3;}
.box02 .mb_pw{border-bottom:0;}
.login_ip{margin-bottom:10px; line-height:2em;}
.mb_join span{display:inline-block;}
.mb_join {background:url("../images/common/login_join.png") no-repeat 0 23px;padding:25px 0;height:53px;}
.mb_id {background:url("../images/common/login_id.png") no-repeat 0 23px;padding:25px 0;height:53px;}
.mb_pw {background:url("../images/common/login_pw.png") no-repeat 0 22px;padding:25px 0;height:53px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.box01{height:315px;}}

/*------id pw-------*/
.id_box{background:#fff;border:1px solid #e3e3e3;width:924px;min-height:310px;padding:70px 50px;}
.box03{width:920px;height:auto;}
.bg_gray{background:#f3f3f3;}
.id_ip{line-height:2em;}
.email_sel{line-height:2em;font-size:14px;padding:12px 5px 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.email_sel{padding:13px 5px 15px;}}

/*------join-------*/
.join_wrap{width:100%; padding-top:60px;}
.join_box{background:#fff;width:100%;min-height:310px;margin-bottom:140px}
.pdtext{width:982px;height:350px;border:1px solid #e3e3e3; padding:20px;background:#fff;overflow-y:auto;font-size:14px;line-height:24px;text-align:left;}
.step{width:100%;}
.step ul li{float:left;width:256px;border:1px solid #e3e3e3;box-sizing:border-box;padding:18px 0;margin:0;height:57px;font-weight:400;}
.step ul li.active{color:#3c93d7;border-bottom:3px solid #3c93d7;height:57px;font-weight:400;}
.step01,.step02,.step03{border-right:0 !important;}
.join_cb {width:15px;height:15px;}

/*------terms-------*/
.terms_box{width:1024px;height:auto;text-align:left;border-top:1px solid #333;}

/*------email-------*/
.email_box{width:964px;height:150px;text-align:left;border:1px solid #e3e3e3;padding:20px 30px;}
.email_box p{width:86%;}
.email_box span{font-size:14px;}

/*------sitemap-------*/
.sitemap_box{width:944px;height:auto;text-align:left;border-top:1px solid #e3e3e3;font-weight:400;padding-top:60px;padding-left:80px;}
.sitemap_box dl {float:left;line-height:1.8em;width:300px;}
.sitemap_box dl img{margin-right:20px;}
.sitemap_box dl dt{font-size:18px;color:#3c93d7;margin-bottom:10px;}
.sitemap_box dl dd a{color:#666;margin-left:34%;}

/*------sub-------*/
.sub_visual {width:100%;background:url(../images/contents/cd_topbn.jpg) no-repeat;height:200px;}
.sub_visual p{font-size:24px;line-height:1.4em;padding-top:74px;}
.sub_visual_intro {width:100%;background:url(../images/contents/intro_topbn.jpg) no-repeat;height:200px;}
.sub_visual_intro p{font-size:24px;line-height:1.4em;padding-top:74px;}
.sub_visual_biz {width:100%;background:url(../images/contents/biz_topbn.jpg) no-repeat;height:200px;}
.sub_visual_biz p{font-size:24px;line-height:1.4em;padding-top:74px;}
.sub_visual_sp {width:100%;background:url(../images/contents/sp_topbn.jpg) no-repeat;height:200px;}/*180829추가*/
.sub_visual_sp p{font-size:24px;line-height:1.4em;padding-top:74px;}/*180829추가*/

.sub_contents{width:1024px;margin:0 auto;}
.location{text-align:right;margin-top:20px;}
.location li{display:inline-block;}
.location li a{display:inline-block;font-size:15px;color:#7c7c7c;vertical-align:text-bottom;}
.location li::after {content:url("../images/common/icon_history.png"); color:#7c7c7c;margin:0 3px 0 8px;font-size:12px;margin-bottom:10px;}
.location li:last-child::after {content:'';margin-left:0;}

.lnb{width:18%; height:auto;float:left;text-align:left;margin-top:20px;}
.lnb_dep{margin-top:38px;}
.lnb_dep li{padding:5px 0;font-weight:400;}
.lnb_dep li a.active{color:#3c93d7; text-decoration:underline;}
.ct_wrap{width:82%; float:right;margin-top:15px;text-align:left;margin-bottom:140px;position:relative;}

/*------sub::intro::ceo-------*/
.title{margin-bottom:32px;}
.s_title01{font-size:24px; line-height:1.2em;color:#222;}
.s_title02{font-size:20px; line-height:1.2em;color:#222;}
.s_ct{line-height:1.6em;color:#666;}
.text_st01{display:block;color:#222;font-size:18px;}
.text_st01 strong{font-weight:500;display:block;}
.text_st01 img{vertical-align:bottom;}

/*------sub::intro::about-------*/
.about_bg {background:url("../images/contents/img_about_bg.png") no-repeat 50% 0;width:100%;height:373px;font-size:24px; line-height:1.2em;color:#222;margin-bottom:40px;}
.about p{font-size:18px;font-weight:400;text-align:center;line-height:1.6em;}

/*------sub::intro::organization-------*/
.org{width:66%;margin:0 auto;text-align:center;}
.org_box01 {width:250px;background:#3c93d7;color:#fff;padding:18px 0 18px;text-align:center;font-size:18px;}/*180731수정*/
.org_box02 {width:250px;background:#e3e5e4;color:#222;padding:18px 0 18px;text-align:center;font-size:18px;}/*180731수정*/
.org_box03 {width:248px;border:1px solid #58585a;background:#fff;color:#222;padding:18px 0 18px;text-align:center;font-size:18px;box-sizing:content-box;}/*180731수정*/
.org_box04 {width:100%;height:55px;border:1px solid #e3e3e3;color:#222;padding-top:35px;text-align:left;font-size:18px;}
.line01{border-top:1px solid #58585a;width:40px;position:absolute; top:116px; left:393px;}
.line02{border-left:1px solid #58585a;width:1px;height:55px;position:absolute; top:146px; left:265px;z-index:0;}/*180802수정*/
.line03{border-left:1px solid #58585a;width:1px;height:55px;position:absolute; top:265px; left:265px;z-index:0;}/*180802수정*/
.org_box04 span strong {color:#3c93d7;font-weight:600;margin-right:20px;}

/*------sub::intro::history-------*/
.his_box01{width:50%;}
.his_box01 dt{border-top:1px solid #3d2f2b;font-size:30px;width:128px;padding-top:7px;margin-bottom:10px;}/*180802수정*/
.his_box01 dd{color:#666;margin-bottom:5px;}

/*------sub::intro::location-------*/
.lct{font-size:14px;color:#666;font-weight:400;}
.lct p{margin-bottom:20px;line-height:1.2em;}/*180802수정*/
.lct img{vertical-align:middle;}
.lct strong{font-size:15px;color:#333;}

/*------sub::mypage-------*/
.my_text{padding:20px 20px 15px !important;}

/*------sub::biz::scholarship-------*/
.ss_box{padding-bottom:50px;}

/*------sub::biz::standard-------*/
.sd_box{width:100%; border-bottom:1px solid #e3e3e3;padding-bottom:50px;overflow:hidden;}
.sd_box .s_title01{margin-bottom:15px;font-weight:600;}/*190305수정*/
.sd_sbox {border:1px solid #e3e3e3;padding:25px 30px;width:41.5%;}
.sd_sbox span{float:left;margin-right:20px;}
.sd_sbox ul{float:left;margin-top:20px;}
.sd_sbox ul li{font-weight:400;}

.sd_sbox_full{border:1px solid #e3e3e3;padding:25px 30px;width:92%;overflow:hidden;}
.sd_sbox_full span{float:left;margin-right:20px;}
.sd_sbox_full_bg{border:1px solid #e3e3e3;background:#f3f3f3;color:#666;padding:25px 30px;width:92%;overflow:hidden;}
.sd_sbox_full_bg ul li {line-height:1.8em;}
.cd_dm{width:100%;margin-left:50px;}/*180822추가*/
a.btn_dw{background:#3c93d7;color:#fff;text-align:center;display:inline-block;border:1px solid #3c93d7;padding:4px 16px;}/*180822추가*//*190304수정*/
a:hover.btn_dw{background:#fff;color:#3c93d7;text-align:center;display:inline-block;border:1px solid #3c93d7;}/*180822추가*//*190304수정*/
.sd_blue {display:inline-block;background:#3c93d7;padding:22px 38px;color:#fff;}/*180822추가*/
.sd_white {display:inline-block;background:#fff;padding:22px 38px;border:1px solid #e3e3e3;}/*180822추가*/

.sd_sbox02 {border:1px solid #e3e3e3;padding:15px 30px;width:41.5%;}/*180822추가*/
.sd_sbox02 span{margin-right:20px;}/*180822추가*/
.sd_sbox02 ul{margin-top:20px;}/*180822추가*/
.sd_sbox02 ul li{font-weight:400;}/*180822추가*/

/*------sub::support::support 180829추가-------*/
.sp_txt {background:url("../images/contents/img_support.jpg") no-repeat;width:100%; height:100px;color:#fff;font-size:20px;font-weight:600;text-align:center;padding-top:83px;}
.sp_step {border:2px solid #3c93d7;border-radius:50% 50%;width:166px;height:126px;display:inline-block;text-align:center;padding-top:40px;font-weight:500;font-size:16px;}
.sp_step span{font-weight:400;padding-bottom:20px;}
.sp_step a{margin-top:8px;}
.sp_step strong{font-weight:400;}
.sd_sbox01 ul li img{margin-top:76px;}

/*------sub::notice::nt2019 190305추가-------*/
.nt_box{width:100%; border-top:1px solid #e3e3e3;margin-top:40px;}
.nt_box dl dt{font-size:20px;}
.nt_box dl strong{color:#3c93d7;font-size:18px;}
.nt_box dl dd {margin-left:12px;font-size:16px;line-height:1.6em;}
.nt_box a.btn_dw{background:#fff;color:#3c93d7;text-align:center;display:inline-block;border:1px solid #3c93d7;padding:6px 30px;}
i.btn_down{background:url(../images/contents/btn_down.png)no-repeat;top:0;left:0;display:inline-block;width:20px;height:17px;margin-left:5px;}