@charset "utf-8";

/* header */
body,html{height:100%;}
body{display:table;width:100%}
.header{border-bottom: 2px solid #e2e2e2}
/*.header_top{width:100%;height:30px;background:#424242;}*/

/* 2017.12.13 Juseong header 색상 변경 */
/* .header_top{width:100%;height:31px;background:#6789ca;} */
/* .header_top{width:100%;height:31px;background:#5474c0;} */
/* 2017.12.13 Juseong header 색상 변경 */
/* 2018.11.19 색상 및 높이 변경 */
.header_top{width:100%;height:48px;background:#0c82e9;}
/* 2018.11.19 색상 및 높이 변경 */
 
.header_top .header_top_wrap{width:1000px;height:100%;margin:auto}
.header_top .top_menu{float:right;line-height:24px;margin:10px 0;}
.header_top .top_menu li{display:inline-block;width:80px;height:24px;text-align:center;border-right:1px solid #ccc}
.header_top .top_menu li:first-child{border-left:1px solid #ccc}
.header_top .top_menu li a{display:block;font-size:12px;color:#fff}
/*.gnb_bg {z-index:10;display: none;position: absolute;top:105px;left:0;height:165px;width:100%;background: #ffffff;border-bottom:2px solid #e2e2e2}*/
.gnb_bg {z-index:10;display: none;position: absolute;top:115px;left:0;height: 210px;width:100%;background: #ffffff;border-bottom:2px solid #e2e2e2}
#gnb{position:relative;margin:0 auto;width:1000px;height:74px}
#gnb > h1{position: absolute;top: 19px;left: 0;z-index:10}
#gnb > h1 > a{display: block;width: 259px;height: 27px;text-indent: 100%;overflow: hidden;white-space: nowrap;margin-top:5px;background: url(../images/main_logo.png) no-repeat}



/* 외부포털 */
.gnb_menu{position:relative;width:100%;height:100px;text-align:right;padding-top:31px;text-transform:uppercase;}
.gnb_menu > h2:first-child{margin-left:21px}

.gnb_menu > h2 > a > span {display: inline-block;font-size: 15px;font-weight:bold;letter-spacing:-1px}
.gnb_menu .menu li a:hover{font-weight:bold}
.click_on {padding-bottom:17px;font-weight: bold;border-bottom:4px solid #263e95;}
/* .gnb_menu > ul {display:none;position: absolute;top:70px;left:0;height:160px;width:100%;text-align:center;padding-top:20px;z-index:10} */
.gnb_menu > ul {display:none;position: absolute;top:70px;left:0;height:160px;width:100%;text-align:center;/*padding-top:5px;*/z-index:10}
.gnb_menu > ul > li{padding-bottom:15px}
.gnb_menu > ul > li a{font-size:13px;color:#616161}



/* 메뉴 전체 오픈 스타일  2016_07_29 */
/*
.gnb_menu.main_gnb > h2 {display:inline-block;height:44px;text-align: center;margin-left:31px;}
.gnb_menu > h2 {display:inline-block;height:44px;text-align: center;margin-left: 50px;}
.depth1_01{width:75px}
.depth1_02{width:45px}
.depth1_03{width:90px}
.depth1_04{width:60px}
.depth1_05{width:60px}
.depth1_06{width:45px}
.depth1_07{width:75px}
.gnb_menu > .menu_01 {width:70px; left:346px}
.gnb_menu > .menu_02 {width:126px;left:413px}
.gnb_menu > .menu_03 {width:112px; left:522px}
.gnb_menu > .menu_04 {width:84px;left:647px}
.gnb_menu > .menu_05 {width:78px;left:745px}
.gnb_menu > .menu_06 {width:91px;left:826px}
.gnb_menu > .menu_07 {width:84px;left:922px}
*/
 
 /* 메뉴 강의 오픈 스타일  2017.02.02 js 위치 자동화처리완료*/
 .gnb_menu.main_gnb > h2 {display:inline-block;height:44px;text-align: center;margin-left:31px;}
.gnb_menu > h2 {display:inline-block;height:44px;text-align: center;margin-left: 50px;}
.gnb_menu > .menu {width : auto; white-space : nowrap;}  /* 줄바꿈 방지 추가 */
 
 /* 메뉴 강의 오픈 스타일  2016_10_04 최신*/
/* .gnb_menu.main_gnb > h2 {display:inline-block;height:44px;text-align: center;margin-left:31px;} */
/* .gnb_menu > h2 {display:inline-block;height:44px;text-align: center;margin-left: 50px;} */
/* .depth1_01{width:75px} */
/* .depth1_02{width:45px} */
/* .depth1_03{width:90px} */
/* .depth1_04{width:60px} */
/* .depth1_05{width:60px} */
/* .depth1_06{width:45px} */
/* .depth1_07{width:75px} */
/* .gnb_menu > .menu_01 {width:70px; left:440px} */
/* .gnb_menu > .menu_02 {width:126px;left:510px} */
/* .gnb_menu > .menu_03 {width:112px; left:617px} */
/* .gnb_menu > .menu_04 {width:84px;left:740px} */
/* .gnb_menu > .menu_05 {width:78px;left:745px} */
/* .gnb_menu > .menu_06 {width:91px;left:826px} */
/* .gnb_menu > .menu_07 {width:84px;left:922px} */


/* 메뉴 5개 오픈 스타일 2016_07_29 */
/*
.gnb_menu.main_gnb > h2 {display:inline-block;height:44px;text-align: center;margin-left:50px;}
.gnb_menu > h2 {display:inline-block;height:44px;text-align: center;margin-left: 50px;}
.depth1_01{width:75px}
.depth1_02{width:45px}
.depth1_03{width:90px}
.depth1_04{width:60px}
.depth1_05{width:60px}
.depth1_06{width:58px}
.depth1_07{width:75px}
.gnb_menu > .menu_01 {width:70px; left:447px}
.gnb_menu > .menu_02 {width:126px;left:533px}
.gnb_menu > .menu_03 {width:112px; left:661px}
.gnb_menu > .menu_04 {width:84px;left:647px}
.gnb_menu > .menu_05 {width:78px;left:745px}
.gnb_menu > .menu_06 {width:91px;left:799px}
.gnb_menu > .menu_07 {width:84px;left:922px}
*/



/* 내부포털 */
.click_on {padding-bottom:24px;font-weight: bold;border-bottom:4px solid #208739;}
._gnb_menu > ul {display:none;position: absolute;top:85px;left:0;height:160px;width:100%;text-align:center;padding-top:20px;z-index:10}
._gnb_menu > ul > li{padding-bottom:20px}
._gnb_menu > ul > li a{font-size:15px;color:#616161}
._depth1_01{width:48px}
._depth1_02{width:60px}
._depth1_03{width:90px}
._depth1_04{width:60px}
._depth1_05{width:60px}


/*.gnb_menu > ._menu_01 {width:110px;left:497px}
.gnb_menu > ._menu_02 {width:100px;left:595px}
.gnb_menu > ._menu_03 {width:100px;left:709px}
.gnb_menu > ._menu_04 {width:100px;left:823px}
.gnb_menu > ._menu_05 {width:100px;left:921px}*/


.gnb_menu > ._menu_01 {width:110px;left:438px}
.gnb_menu > ._menu_02 {width:100px;left:554px}
.gnb_menu > ._menu_03 {width:100px;left:681px}
.gnb_menu > ._menu_04 {width:100px;left:810px}
.gnb_menu > ._menu_05 {width:100px;left:921px}


/* 서울시 아이콘 */
#seoul-common-header{width:490px;margin-left:-17px;float:left} 
#seoul-common-header > .common-gnb-wrap-wrap .common-gnb-wrap .logo{top:5px}

/* footer */
/*footer{display:table-row;width:100%;height:1px}*/

.footer{display:table-row;width:100%;height:137px;background:#424242;border-top:1px solid #8e8e8e;clear:both;}
.footer_contents{width:1000px;height:100%;margin:auto;position:relative}

.footer_contents .footer_seoul_logo{width:304px;height:50px;float:left}


.footer_contents .footer_logo{width:300px;height:50px;float:left}

.footer_contents .footer_logo_right{width:300px;height:50px;float:left}
.footer_contents .footer_logo_right a:last-child{display: block;position: relative;top:20px;width: 260px;height: 40px;left:70px;text-indent: 100%;overflow: hidden;white-space: nowrap;background:url(../images/footer_together.png) no-repeat}


.footer_contents .footer_logo a:first-child{display: block;position: relative; top:30px; width: 360px;height: 50px;left:30px;text-indent: 100%;overflow: hidden;white-space: nowrap;background:url(../images/i_seoul_u.png) no-repeat;}
.footer_contents .footer_logo a:last-child{display: block;position: relative;top:30px;width: 260px;height: 26px;/*left:-300px;*/text-indent: 100%;overflow: hidden;white-space: nowrap;background:url(../images/footer_logo.png) no-repeat}

/* .footer_contents .footer_logo a{display: block;position: relative;top:60px;width: 260px;height: 26px;text-indent: 100%;overflow: hidden;white-space: nowrap;background:url(../images/footer_logo.png) no-repeat} */


.footer_contents .footer_ul{width:440px;height:100%;float:left;padding-top:40px}
.footer_contents .footer_ul ul li a{color: #e5e5e5;}
.footer_contents .footer_ul ul li{display:inline-block;padding-left:15px}
.footer_contents .footer_ul ul li:first-child{padding:0}
.footer_contents .footer_ul ul li:before{content: "|";padding-right:15px;color:#585858}
.footer_contents .footer_ul ul li:first-child:before{content:"";padding:0}
.footer_contents .footer_ul .footer_address{padding-top:15px;line-height:16px}
.footer_contents .footer_ul .footer_address span{display:inline-block;color:#9f9f9f;font-size:12px}
.footer_contents .footer_ul .footer_address span:first-child{padding-right:10px}
.footer_contents .footer_ul .footer_address span:before{content:"|";padding-right:10px}
.footer_contents .footer_ul .footer_address span:first-child:before{content:"";padding:0}
.footer_contents .footer_ul .footer_address p{color:#9f9f9f;font-size:12px}
.footer_contents .footer_link{width:256px;height:100%;float:left;position:relative;}
/* .footer_link > label{position: absolute;color: #9a9a9a;top: 45px;right: 0;font-size: 12px}  */
.footer_link > label{position: absolute;color: #9a9a9a;top: 70px;right: 0;font-size: 12px} 

.footer_link > .r_site_box {position: absolute;top: 85px;right: 61px;width: 150px;border: 1px solid #7b7b7b;overflow: hidden;background: url(../images/footer_arrow.png) 127px 11px no-repeat;}
.footer_link > .r_site_box select{width:180px;height:100%;padding:7px 5px;color:#9a9a9a;background:none}


/************************************************************************/

.sprite {background-image: url(../images/main_sp.png);background-repeat: no-repeat;display: block}
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
textarea{resize: none}
.email_wrap_01{width:700px;height:820px;border-top:10px solid #208735;}
.email_wrap_02{width:700px;height:738px;border-top:10px solid #208735;}
.email_wrap_03{width:700px;height:318px;border-top:10px solid #208735;}
.email_wrap a img{margin-left:50px;margin-top:60px}
.email_wrap_02 .email_footer{margin-top:45px}
.email_content > span:first-child{font-size:32px;color:#208735;font-weight:bold;margin-left:50px;margin-top:60px;margin-bottom:20px}
.email_content > span{display: block;color:#636363;text-align:center;line-height:25px}
.email_content > span.e_cont_bold{font-weight:bold;color:#000000}
.email_content > span > .e_cont_bold{color:#000000;font-weight:bold}
.mail_title{margin-left:50px;margin-top:60px;font-size:18px;font-weight:bold;border-bottom:2px solid #208735;padding-bottom:14px}
.user_certification{margin-top:18px}
.user_certification .e_cont_bold{color:#000000;font-weight:bold}
.user_certification > span{display:inline-block;color: #636363;margin-left:50px;line-height:25px}
.user_name span{display:inline-block;}
.certification span{display:inline-block}
.user_name span:first-child{margin-left:50px}
.user_name span:first-child{margin-left:50px}
.user_name span{width:120px;margin-top:19px}
.certification{font-weight:bold;color:#e53030}
.btn_certification:before{content: "";display: block;position: absolute;top: 18px;left: 90px;width: 28px;height: 29px;background: url(../images/seoul_logo.png) no-repeat;}
.btn_certification{display:block;position:relative;width:408px;height:64px;line-height:64px;text-align:center;margin:auto;margin-top:30px;font-weight:bold;background:#636363;color:#ffffff}
.btn_certification:hover{opacity:0.8}
.email_footer{height:100px;width:100%;background:#424242;margin-top:37px}
.email_footer ul{width:282px;margin:auto;margin-bottom:5px}
.email_footer ul li:first-child:before{content:"";padding:0}
.email_footer ul li:before{content:"|";display:inline-block;padding:0 10px;height:10px;font-size:10px}
.email_footer ul li{display:inline-block;text-align:center;color:#999999;font-size:12px;margin-top:36px;}
.email_footer p{color:#999999;font-size:12px;text-align:center}
.bold {font-weight:bold}
.header_notice{color:#ffffff;text-shadow: -1px 0 #f74358, 0 1px #f74358, 1px 0 #f74358, 0 -1px #f74358;}