@charset "utf-8";
@import url("./fonts.css");
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/**************************************************
프로그램 명: Wings
작   성   자: cat 
최초 작성일 : 2016-05-11
**************************************************** */


/*css_reset*/
* {margin:0; padding:0;}
html, body{width:100%; height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px; line-height:1.25; font-family: "나눔고딕","NanumGothic","맑은고딕","Dotum","돋움", Dotum,sans-serif;}
body{position:relative;color:#53565a;word-wrap:break-word;word-break:break-all;	-webkit-text-size-adjust: none; }
caption, legend, #accessibility, .hidden{width:0; height:0; line-height:0; position:absolute; top:-9999em; left:-9999em; overflow:hidden; visibility:hidden; font-size:0;}
img, fieldset, iframe{border:0 none; vertical-align: top;}
ul,ol{list-style:none}
a{text-decoration:none;cursor:pointer; outline: none;}
a:link, a:active, a:visited { color: #53565a; text-decoration: none; }
a:hover { color: #53565a; }
em,address{font-style:normal}
table{border-collapse:collapse; border-spacing: 0; width:100%;}
hr{display:none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body { background: #efefef;  }
body.main { background: #eae5df;  }
.hide{width:0; height:0; line-height:0; position:absolute; top:-9999em; left:-9999em; overflow:hidden; visibility:hidden; font-size:0;}
input:focus,textarea:focus {  outline: none;}


/*=================================================================================================================================================================================================================
* Common 
==================================================================================================================================================================================================================*/
.wrap { min-width: 1500px; }
.login .wrap { min-width: 100%; }
#ie7 .wrap,#ie8 .wrap { min-width: 1280px; }
.inner { margin: 0 auto; max-width: 1280px; position: relative; }



/* Float */
.f_left { float: left; }
.f_right { float: right; }
.cb { clear: both; overflow: hidden; }


/**/
.pt_25 { padding-top: 25px; }
.pt_50 { padding-top: 50px; }
.pb_50 { padding-bottom: 50px; }
.mt_28 { margin-top: 28px; }
.mt_35 { margin-top: 35px; }
.mt_40 { margin-top: 40px; }
.mt_60 { margin-top: 60px; }
.mt_70 { margin-top: 70px; }
.mb_5 { margin-bottom: 5px; }
.mb_7 { margin-bottom: 7px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_35 { margin-bottom: 35px; }
.mb_40 { margin-bottom: 40px; }
.mb_50 { margin-bottom: 50px; }
.mb_55 { margin-bottom: 55px; }
.mb_60 { margin-bottom: 60px; }
.mb_65 { margin-bottom: 65px; }
.mb_75 { margin-bottom: 75px; }
.mb_90 { margin-bottom: 90px; }
.mb_100 { margin-bottom: 100px; }
.mb_135 { margin-bottom: 135px; }
.mb_140 { margin-bottom: 140px; }
.ml_10 { margin-left: 10px; }


/*btn*/
.login_btn a { display: inline-block; width: 100%; padding: 18px 0; font-size: 20px; color: #fff; text-align: center; }
.login_sbtn { margin: 0 auto; max-width: 255px; }
.login_sbtn a { display: inline-block; width: 100%; padding: 15px 0; font-size: 18px; color: #fff; text-align: center; }
.blue { background: #0075c1; }
.blue:hover { opacity: 0.9; filter: alpha(opacity=90); }
.gray { background: #999; }

.sm2 { overflow: hidden; clear: both; }
.sm2 .login_sbtn { width: 48%; max-width: 100%; float: left;}
.sm2 .login_sbtn:first-child { margin-right: 4%; }


/*페이징*/
.paging { text-align: center; }
.paging * { vertical-align: top; }
.paging a { display: inline-block; width: 35px; height: 30px; color: #333; font-size: 13px; line-height: 28px; border: 1px solid #d0d0d0; border-right: 0; }
.paging a.on { color: #fff; border: 1px solid #4b89c9; background: #81aad4; }
.paging a.on + a { border-left: 0; }
.paging a span { display: inline-block; width: 33px; height: 28px; }
.paging a.first span { background: url(../images/paging_first.png) no-repeat center center; }
.paging a.prev span { background: url(../images/paging_prev.png) no-repeat center center; }
.paging a.next span { background: url(../images/paging_next.png) no-repeat center center; }
.paging a.last span { background: url(../images/paging_last.png) no-repeat center center; }
.paging a.last {border-right: 1px solid #d0d0d0; }




/*=================================================================================================================================================================================================================
* Header 
=================================================================================================================================================================================================================*/

/*Gheader*/
.gheader{width:100%; height:35px; line-height:35px; background:#040d0f;}
.gheader ul{width:1280px; margin:auto; }
.gheader ul a{font-size:12px; height:16px; line-height:16px; margin-top:10px; border-right:1px solid rgba(255,255,255,.15); display:inline-block; margin-right:25px; padding-right:25px; color:#808080;}
.gheader ul a:last-child{border-right:none;}
.gheader ul a:hover{font-weight:bold; color:#fdb32b;}

/*header*/
.header { height: 320px; position: relative; overflow: hidden; }
.hd_bg { padding-bottom: 9px; width: 100%; background: url(../images/header_grbg.png) repeat-x left bottom; position: absolute; top:0; z-index: 21;}

.gnb { margin-top: 56px; background:#fcfcfc url(../images/header_bg.png) repeat-x left top; }
.gnb h1 { position: absolute; top: -35px; z-index: 10;}
.gnb .mainmenu { padding-left: 230px; padding-right: 260px; position: relative; }
.gnb .mainmenu > ul { overflow: hidden; margin-left: 80px;}
#ie8 .gnb .mainmenu > ul { overflow: hidden; margin-left: 100px;}


.gnb .mainmenu > ul > li { margin-right: 64px; float: left; }
.gnb .mainmenu > ul > li.menu02 { width: 100px; margin-right: 50px; }
.gnb .mainmenu > ul > li > a { display: inline-block; padding-top: 23px; height: 65px; font-size: 18px; color: #3a3a3a; font-weight: bold; }
.gnb .mainmenu > ul > li.on > a,
.gnb .mainmenu > ul > li:hover > a  { border-bottom: 3px solid #00a0e9;}
.gnb .mainmenu > ul:hover > li > ul { height: 200px; opacity:1; filter: alpha(opacity=100);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out;  
}
.gnb .mainmenu > ul > li > ul {  height: 0; opacity:0; filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out;  
}
.gnb .mainmenu > ul > li > ul > li:first-child { padding-top: 15px; }
.gnb .mainmenu > ul > li > ul > li > a { display: inline-block; padding: 5px 0; font-size: 14px; color: #777; line-height: 100%;  }
.gnb .mainmenu > ul > li > ul > li.on > a,
.gnb .mainmenu > ul > li > ul > li > a:hover { color: #3a3a3a; }
.gnb .global_menu { width: 260px; height: 65px; background: #313131; position: absolute; right:0; top:0; }
.gnb .global_menu .before a { display: inline-block; width:50%; text-align: center; padding-top: 23px; height: 65px; font-size: 18px; color: #fff; }
.gnb .global_menu .before a:hover { background: #222; }
.gnb .global_menu .after { display: none; }
.gnb .global_menu .after .welcom { margin: 11px 0 7px; font-size: 15px; color: #cbcbcb; text-align: center; letter-spacing: -0.05em; }
.gnb .global_menu .after .welcom .blue { display: inline-block; padding-left: 25px; height: 19px; background: url(../images/global_menu_ico.png) no-repeat left top; color: #01b5f0; }
.gnb .global_menu .after p { text-align: center; }
.gnb .global_menu .after p a { display: inline-block; padding: 2px 0; margin: 0 5px; width: 52px; font-size: 11px; color: #aeaeae; background: #565656; border: 1px solid #707070; }
.gnb .global_menu .after p a:hover { color: #fff; }
.gnb .global_menu.signin .before { display: none; }
.gnb .global_menu.signin .after { display: block; }

.topimg { width: 100%; height: 320px; text-align: center; position: relative; overflow: hidden; }
.topimg .topimgcon { padding-top: 200px; margin-left: -640px; width: 1280px; position: absolute; left: 50%; top:0; overflow: hidden; }
.topimg .topimgcon h2 { margin-bottom: 20px; font-size: 30px; color: #fff; line-height:100%; font-weight: normal; }
.topimg .topimgcon p { font-size: 18px; color: #fff; line-height:100%;  opacity: 0.5; filter: alpha(opacity=50); }
.topimg img { width: 100%; min-width: 1600px; height: auto; }

.main .header { height: 720px; }
.main .slidebox { width: 100%; height: 720px; text-align: center; position: relative; overflow: hidden;}
.main .slidebox .txtbox {padding-top: 320px; margin-left: -654px; xwidth: 600px; text-align: left; position: absolute; left: 50%; top:0; overflow: hidden; z-index: 10;}
.main .slidebox span { display: inline-block;margin-top: 100px; margin-left: 14px; padding: 0 27px;  height: 45px; font-size: 19px; text-align: center; line-height: 45px; color: #fff; background: #747170; cursor: pointer; }
.main .slidebox span:hover { background: #565352; }
/*
.main .slidebox .txtbox h2 { font-size: 58px; color: #362e2b; letter-spacing: -0.05em; font-weight: normal; }
.main .slidebox .txtbox p { margin-bottom: 30px; font-size: 27px; color: #524e60; line-height: 42px; }
*/



.main .wingsstory {margin-left: 365px;width: 260px;height: 260px;position: absolute;left: 50%;bottom: 0px;z-index: 9;}
.main .wingsstory img {box-shadow:1px 2px 3px rgba(0,0,0,.5);}
.main .wingsstory .ws_head { height: 35px; font-size: 16px; color: #aaaaab; line-height: 35px; text-align: center; background: #25232b; letter-spacing: -0.05em;}
.main .wingsstory .ws_body { padding: 20px; background: url(../images/wingsstory_bgimg.png) no-repeat 156px 92px; }
.main .wingsstory .ws_body h3 { margin-bottom: 20px; }
.main .wingsstory .ws_body p { margin-bottom: 28px; font-size: 13px; color: #fff; letter-spacing: -0.075em; line-height: 20px; opacity: 0.7; filter: alpha(opacity=70); }
.main .wingsstory .ws_body a { display: inline-block; width: 88px; height: 23px; font-size: 12px; color: #83c1da; letter-spacing: -0.05em; line-height: 21px; border: 1px solid #83c1da; text-align: center;}
.main .wingsstory .ws_body a:hover {color: #4dccff; border: 1px solid #4dccff;}

/*=================================================================================================================================================================================================================
* Footer
=================================================================================================================================================================================================================*/
.footer { clear:both; width: 100%; height: 150px; background: #efefef; }
.footer .f_left { margin-top: 28px; padding-left: 115px; background: url(../images/foot_logo.jpg) no-repeat 20px 15px; }
.footer .f_left ul { margin-bottom: 10px; overflow: hidden; }
.footer .f_left ul li { line-height: 100%; border-left: 1px solid #bbb2bb; float: left; }
.footer .f_left ul li a { display: inline-block; margin: 0 10px; font-size: 13px; color: #3f3f3f;  }
.footer .f_left ul li a:hover { font-weight: bold; color: #0075c1; }
.footer .f_left ul li:first-child { border-left: 0; }
.footer .f_left ul li:first-child a { margin-left: 0; }
.footer .f_left .address span { display: inline-block; margin-right: 24px; font-size: 12px; color: #3f3f3f; line-height: 20px; vertical-align: middle; }
.footer .f_left .address span a {color: #3f3f3f; }
.footer .f_left .address span a:hover {color: #0075c1; }
.footer .f_left .copyright { margin-top: 6px;  font-size: 13px; color: #7f7f7f; } 



.footer .f_right { margin-top: 24px; }
.footer .f_right dl { position: relative; }
.footer .f_right dl dt { padding: 8px 0 0 10px; width: 160px; height: 32px; font-size: 13px; color: #3f3f3f; background: url(../images/foot_fs_bg.png) no-repeat left top; cursor: pointer; }
.footer .f_right dl:hover dt { font-weight: bold; }
.footer .f_right dl dd { display: none; width: 160px; position: absolute; bottom: 32px; right:0; border: 1px solid #d6d6d6; border-bottom: 0; z-index: 20;}
.footer .f_right dl dd ul li { border-top: 1px solid #d6d6d6; }
.footer .f_right dl dd ul li:first-child { border-top: 0;  }
.footer .f_right dl dd ul li a { display: block; padding: 8px 0px 8px 8px; font-size: 13px; background: #fff; }
.footer .f_right dl dd ul li a:hover { background: #efefef; }



/*퀵메뉴*/
.quick_menu { width: 80px; height: 530px; position: absolute; top: 50px; right: -100px; z-index: 10;}
.quick_menu.fixed { margin-right: -740px; position: fixed; right: 50%; top:10px }
.main .quick_menu { top: 0; }
.main .quick_menu.fixed { top:0 }
.quick_menu h4 { padding: 6px 0 4px; font-size: 12px; color: #555; text-align: center; border: 1px solid #dddce1; background: #dddce1; }
.quick_menu ul { margin-bottom: 5px; padding-bottom: 15px; border: 1px solid #dddce1; background: #fff; }
.quick_menu ul li { padding-top: 15px; text-align: center; }
.quick_menu ul li a { display: inline-block; padding-top: 36px; min-width: 33px; font-size: 12px; color: #b6b6b6; }
.quick_menu ul li a:hover { color: #555; }
.quick_menu ul li.btn01 a { background: url(../images/renew/q_icon01_1.png) no-repeat center top; }
.quick_menu ul li.btn02 a { background: url(../images/renew/q_icon02_1.png) no-repeat center top; }
.quick_menu ul li.btn03 a { background: url(../images/quick_btn03.png) no-repeat center top; }
.quick_menu p { margin-bottom: 5px; padding: 18px 0 12px;   text-align: center; border: 1px solid #dddce1; background: #fff; }
.quick_menu p a { display: inline-block; padding-top: 44px; font-size: 12px; color: #b6b6b6;  }
.quick_menu p a:hover {color: #555;}
.quick_menu p.btn04 a { background: url(../images/quick_btn04.png) no-repeat center top; }
.quick_menu p.btn05 a { background: url(../images/quick_btn05.png) no-repeat center top; }
.quick_menu p.btn06 { margin-bottom:0; border: 1px solid #999; background: #999;}
.quick_menu p.btn06 a { color: #fff; min-width: 43px; background: url(../images/quick_btn06.png) no-repeat center top; }
.quick_menu p.btn06:hover { background: #777;}

/*=================================================================================================================================================================================================================
* Contents 
=================================================================================================================================================================================================================*/
.container { background: #fff; }
.main .container { background: #eae5df; }
.main .container > .inner { background: #fff;} 

/*--   main     ---------------------------------------------------------------------------*/
.middle_box {background: url(../images/main_childbg.jpg) no-repeat center bottom;}
.pnbox { padding: 50px 50px 15px; overflow: hidden; clear: both; }
.pnbox dl { height: 150px; width: 560px;}
.pnbox dl.press { float: left; }
.pnbox dl.notice { float: right; }
.pnbox dl dt a { width: 120px; height: 150px; float: left; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out;  
}
.pnbox dl.press dt a { background: url(../images/press_more.png) no-repeat left top; } 
.pnbox dl.press dt a:hover { background: url(../images/press_more_on.png) no-repeat left top; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out;  
} 
.pnbox dl.notice dt a { background: url(../images/notice_more.png) no-repeat left top; } 
.pnbox dl.notice dt a:hover { background: url(../images/notice_more_on.png) no-repeat left top; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out;  
} 
/*
.pnbox dl dd { margin-left: 20px; float: left;}
.pnbox dl dd ul li { height: 75px; border-bottom: 1px solid #e8e8e8; }
.pnbox dl dd ul li:first-child { border-top: 1px solid #e8e8e8;}
.pnbox dl dd ul li .f_left { margin-right: 10px; padding-top: 2px; width: 54px; text-align: center; }
.pnbox dl dd ul li .f_left span { font-size: 38px; color: #009ad5; }
.pnbox dl dd ul li .f_left em {font-size: 12px; color: #009ad5; }
.pnbox dl dd ul li .f_right { width: 350px; overflow: hidden;}
.pnbox dl dd ul li .f_right p { width:100%; padding: 9px 18px 0; font-size: 13px; color: #888; text-overflow:ellipsis;white-space:nowrap; overflow: hidden; }
.pnbox dl dd ul li .f_right p.title { padding: 12px 18px 0; height: 40px; font-size: 16px; color: #555; font-weight: bold; border-bottom: 1px dotted #e8e8e8;}
.pnbox dl dd ul li .f_right p span { display: block; }
.pnbox dl.notice dd ul li .f_left span {color: #0088e4; }
.pnbox dl.notice dd ul li .f_left em {color: #0088e4; }
.pnbox dl.press dd ul li .f_right:hover p.title { color: #009ad5; }
.pnbox dl.notice dd ul li .f_right:hover p.title { color: #0088e4; }
*/
.pnbox dl dd { margin-left: 20px; float: left;}
.pnbox dl dd ul li { height: 75px; border-bottom: 1px solid #e8e8e8; }
.pnbox dl dd ul li:first-child { border-top: 1px solid #e8e8e8;}
.pnbox dl dd ul li .f_left { margin-right: 10px; padding-top: 18px; width: 54px; text-align: center; }
.pnbox dl dd ul li .f_left span { font-size: 12px; color: #009ad5; }
.pnbox dl dd ul li .f_left em {font-size: 18px; color: #009ad5; font-weight:bold;}
.pnbox dl dd ul li .f_right { width: 350px; overflow: hidden;}
.pnbox dl dd ul li .f_right p { width:100%; padding: 9px 18px 0; font-size: 13px; color: #888; text-overflow:ellipsis;white-space:nowrap; overflow: hidden; }
.pnbox dl dd ul li .f_right p.title { padding: 12px 18px 0; height: 40px; font-size: 16px; color: #555; font-weight: bold; border-bottom: 1px dotted #e8e8e8;}
.pnbox dl dd ul li .f_right p span { display: block; }
.pnbox dl.notice dd ul li .f_left span {color: #0088e4; }
.pnbox dl.notice dd ul li .f_left em {color: #0088e4; }
.pnbox dl.press dd ul li .f_right:hover p.title { color: #009ad5; }
.pnbox dl.notice dd ul li .f_right:hover p.title { color: #0088e4; }

.twslidebox { height: 441px; overflow: hidden; clear: both; }
.twslidebox > div { width: 545px; text-align: center; }
.twslidebox h3 { margin-bottom: 20px; height: 50px; line-height: 50px; font-size: 24px; color: #fff; font-weight: normal; }
.twslidebox .title { margin-bottom: 10px; }
.twslidebox .title strong { font-size: 18px; color: #333; }
.twslidebox .title span { display: inline-block; margin-right: 10px; padding-left: 8px; width: 56px; height: 30px; font-size: 18px; color: #fff; line-height: 30px; text-align: left; font-weight: bold; background: url(../images/programbox_lv_bg.png) no-repeat left top; }
.twslidebox .title span em { color: #fff100; }
.twslidebox p { font-size: 16px; color: #888; line-height: 24px; }
.twslidebox .programbox { float: left; }
.twslidebox .booksbox { float: right; }
.twslidebox .programbox h3 { background: url(../images/programbox_titile_bg.png) no-repeat center top; }
.twslidebox .booksbox h3 { background: url(../images/booksbox_titile_bg.png) no-repeat center top; }
.twslidebox .booksbox .title { margin-bottom: 15px; }
.twslidebox .booksbox p { font-size: 15px; line-height: 22px; }
.twslidebox .booksbox p .sm { font-size: 13px; }

.bottom_linklist { overflow: hidden; clear: both; height: 246px;  background: #373737; }
.footlink { padding-top: 46px; width: 890px; position: relative; float: left; }
.footlink > ul { padding-left: 52px; overflow: hidden; }
.footlink > ul > li { margin-right: 34px; float: left; }
.footlink > ul > li.menu02 { margin-right: 46px; }
.footlink > ul > li > strong { display: inline-block; padding-left: 20px; font-size: 18px; color: #fff; font-weight: bold; }
.footlink > ul > li > ul > li { padding-left: 20px; }
.footlink > ul > li > ul > li:first-child { padding-top: 15px; }
.footlink > ul > li > ul > li > a { display: inline-block; font-size: 14px; color: #91908f; line-height: 24px;  }
.footlink > ul > li > ul > li > a:hover { color: #aaa; }
.footlink > ul > li.menu01 > strong { background: url(../images/footlink_ico01.png) no-repeat left center;}
.footlink > ul > li.menu02 > strong { background: url(../images/footlink_ico02.png) no-repeat left center;}
.footlink > ul > li.menu03 > strong { background: url(../images/footlink_ico03.png) no-repeat left center;}
.footlink > ul > li.menu04 > strong { background: url(../images/footlink_ico04.png) no-repeat left center;}
.footlink > ul > li.menu05 > strong { background: url(../images/footlink_ico02.png) no-repeat left center;}

.cscenter { padding: 32px 0 0; width: 390px;height: 246px; float: right; background: #464646; text-align: center;  }
.cscenter h3 { display: inline-block; padding-left: 36px; margin-left: -30px; margin-bottom:20px; font-size: 24px; color: #fff; background: url(../images/cscenter_titlebg.png) no-repeat left center;}
.cscenter p { font-size: 16px; color: #b2b2b2; line-height: 20px; }
.cscenter p em { font-size: 14px; }
.cscenter p.f_blue { margin-bottom: 20px; color: #66ccff; font-weight: bold; }
.cscenter strong { display: inline-block; margin-bottom: 12px; font-size: 36px; color: #66ccff; }






/*--비상교육 wings---------------------------------------------------------------------------*/

/*wings 소개*/
.wingsintro .section01 { margin-bottom: 120px; background: url(../images/vsWings_img01.jpg) no-repeat 737px top; }
.wingsintro h4 { margin-bottom: 60px; font-size: 26px; color: #0075c1; letter-spacing: -0.05em; }
.wingsintro dl { padding-bottom: 10px; }
.wingsintro dl dt {margin-bottom: 12px; font-size: 16px; color: #555; letter-spacing: -0.05em; font-weight: bold; }
.wingsintro dl dt .f_blue { color: #0075c1;}
.wingsintro dl dd { margin-bottom: 43px; font-size: 15px; color: #777; line-height: 20px; letter-spacing: -0.05em;}
.wingsintro .bgtxt { padding-left: 35px; height: 26px; background: url(../images/wingsintro_ico01.png) no-repeat left top; vertical-align: middle;}
.wingsintro .bgtxt span { display: inline-block; padding-right: 30px; height: 26px; font-size: 18px; color: #555; letter-spacing: -0.05em; font-weight: bold;  line-height: 26px; background: url(../images/wingsintro_ico02.png) no-repeat right top; vertical-align: middle;}

.def_table.pb_100 { padding-bottom: 150px; }
.def_table table { width: 100%; border: 1px solid #ccc; }
.def_table table tr th,.def_table table tr td { padding: 18px 0; border-left: 1px solid #ccc; font-size: 15px; letter-spacing: -0.05em; text-align: center; }
.def_table table tr th { color: #333; border-bottom: 1px solid #ccc; background: #f9f9f9; font-weight: normal;}
.def_table table tr td { color: #777; }
.def_table table tr th:first-child,.def_table table tr td:first-child { border-left: 0; }
.def_table table tr.bold td { padding: 10px 0 18px;color: #333; }


/*교육효과*/
.edeffect h4 { font-size: 26px; color: #0075c1; letter-spacing: -0.05em;} 
.edeffect .txt { font-size: 15px; color: #777; letter-spacing: -0.02em; }
.edeffect .imgcon { text-align: center; }
.edeffect .section02 { padding-bottom: 150px; } 


/*홍보/보도자료*/
.brochure { padding: 42px 0 50px; margin-bottom: 100px; overflow: hidden; clear: both; border: 1px solid #ccc; }
.brochure dl { margin: 0 40px; }
.brochure dl dt { margin-bottom: 18px; }
.brochure dl dd a { display: inline-block; text-indent: 20px; width: 205px; height: 48px; line-height: 48px; font-size: 15px; color: #fff; letter-spacing: -0.05em; text-align: left; background: #333 url(../images/icoblack.png) no-repeat 182px 16px; }
.brochure .f_right { padding-top: 110px; width: 290px; }
.brochure .f_right h5 { padding: 14px 0 36px; font-size: 16px; color: #606060; letter-spacing: -0.05em; background: url(../images/brochure_bar.jpg) no-repeat left top; }
.brochure .f_right a { display: inline-block; width: 215px; height: 54px; font-size: 20px; color: #fff; text-indent: 10px; letter-spacing: -0.05em;  line-height: 54px; background: #0075c1 url(../images/brochure_bar.png) no-repeat 66px center; text-align: center; }


/*--프로그램 ---------------------------------------------------------------------------*/

/*프로그램 특징*/
.pgfeature dl { padding-left: 157px; height: 113px; }
.pgfeature dl.dl01 { margin-bottom: 60px; background: url(../images/pgFeature_ico01.png) no-repeat left top; }
.pgfeature dl.dl02 { margin-bottom: 90px; background: url(../images/pgFeature_ico02.png) no-repeat left top; }
.pgfeature dl dt { padding: 16px 0; font-size: 22px; color: #868686; letter-spacing: -0.05em; font-weight: bold; }
.pgfeature dl dt span { color: #313131; }
.pgfeature dl dd { font-size: 15px; color: #777; letter-spacing: -0.02em; line-height: 20px; }
.pgfeature dl dd strong { color: #383838; }
.pgfeature dl dd strong span { color: #0075c1; }
.pgfeature .section02 { padding: 25px 30px 25px 50px; border: 1px solid #ccc; text-align: center;  }
.pgfeature .section02 ul { overflow: hidden; clear: both; }
.pgfeature .section02 ul li { padding-top: 158px; width: 25%; height: 184px; font-size: 15px; line-height: 100%;color: #777; float: left; border-left: 1px solid #ebebeb;}
.pgfeature .section02 ul li:first-child { border-left: 0; }
.pgfeature .section02 ul li.item01 { background: url(../images/pgFeature_item01.png) no-repeat center top;}
.pgfeature .section02 ul li.item02 { background: url(../images/pgFeature_item02.png) no-repeat center top;}
.pgfeature .section02 ul li.item03 { background: url(../images/pgFeature_item03.png) no-repeat center top;}
.pgfeature .section02 ul li.item04 { padding-top: 146px; background: url(../images/pgFeature_item04.png) no-repeat center top;}
.pgfeature .section02 ul li.item05 { background: url(../images/pgFeature_item05.png) no-repeat center top;}
.pgfeature .pb_200 { padding-bottom: 200px; }
.pgfeature .imgcon { text-align: center; } 


/*프로그램 구성*/
.pgcomposition h4 { margin-bottom: 40px; font-size: 26px; color: #0075c1; letter-spacing: -0.05em;}
.pgcomposition .infotxtbox { margin-bottom: 40px; }
.pgcomposition .infotxtbox strong { display: inline-block; margin-right: 12px; width: 54px; height: 54px; font-size: 20px; color: #fff; letter-spacing: -0.07em; line-height: 54px; vertical-align: middle; background: url(../images/infotxtbox_bg_black.png) no-repeat left top; text-align: center;}
.pgcomposition .infotxtbox strong.blue_c { background: url(../images/infotxtbox_bg_blue.png) no-repeat left top;}
.pgcomposition .infotxtbox span { font-size: 15px; color: #777; letter-spacing: -0.02em; line-height: 54px; }
.pgcomposition .imgcon { padding: 35px 0 20px; text-align: center; border: 1px solid #ccc;  } 
.pgcomposition .booklist li { border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both; }
.pgcomposition .booklist li .f_left,.pgcomposition .booklist li .f_right { width: 50%; padding-top: 100px; height: 342px;  }
.pgcomposition .booklist li:first-child .f_left,.pgcomposition .booklist li:first-child .f_right { padding-top: 60px; height: 290px;}
.pgcomposition .booklist li .f_right { padding-left: 45px; }
.pgcomposition .booklist li h5 { margin-bottom: 16px; font-size: 26px; color: #333; letter-spacing: -0.05em; }
.pgcomposition .booklist li p { font-size: 15px; color: #777; letter-spacing: -0.07em; line-height: 130%;}
.pgcomposition .booklist li p span { font-size: 14px; color: #555; line-height: 130%; }
.pgcomposition .booklist li.bookline01 .f_left { background: url(../images/pgcp_cover01.png) no-repeat right center; background-size: 350px;}
.pgcomposition .booklist li.bookline01 .f_right { background: url(../images/pgcp_cover02.png) no-repeat right center;}
.pgcomposition .booklist li.bookline02 .f_left { background: url(../images/pgcp_cover03.png) no-repeat 324px center;}
.pgcomposition .booklist li.bookline02 .f_right { background: url(../images/pgcp_cover04.png) no-repeat right center;}
.pgcomposition .booklist li.bookline03 .f_left { background: url(../images/pgcp_cover05.png) no-repeat 300px center;}
.pgcomposition .booklist li.bookline03 .f_right { background: url(../images/pgcp_cover06.png) no-repeat 300px center; }
.pgcomposition .icoblack { display: inline-block; width: 318px; font-size: 16px; color: #fff; letter-spacing: -0.05em; text-align: center; background: #333 url(../images/icoblack.png) no-repeat right center; }
.pgcomposition .pb_150 { padding-bottom: 150px; }



/*연간계획안*/
.syllabus_table { margin: 0 auto; width: 1210px; text-align: center; }
.syllabus_table h4 { margin-bottom: 40px;} 
.syllabus_table table { width: 100%;}
.syllabus_table table thead tr th { padding: 10px 0; height: 54px; font-size: 14px; color: #fff; letter-spacing: -0.025em; font-weight: bold; text-align: center; background: #5674b9; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.syllabus_table table thead tr th:first-child { border-radius: 5px 0 0 5px; border-left: 0; }
.syllabus_table table thead tr th.last { border-radius: 0 5px 5px 0; }
.syllabus_table table thead tr:first-child th { background: #324a97; }
.syllabus_table table tbody tr th { padding: 10px 0; font-size: 14px; color: #0a8baa; font-weight: bold; letter-spacing: -0.05em; border-left: 1px solid #fff; background: #d3e5ed; border-bottom: 1px solid #ccc; text-align: center; }
.syllabus_table table tbody tr th:first-child { border-left: 0; }
.syllabus_table table tbody tr th.h50 { height: 50px; }
.syllabus_table table tbody tr td { padding: 10px 0; width:100px;  font-size: 14px; color: #676767; letter-spacing: -0.075em; border-right: 1px solid #ccc; background: #fff; border-bottom: 1px solid #ccc; text-align: center; }
.syllabus_table table.bt_line tbody tr th,.syllabus_table table.bt_line tbody tr td { border-top: 1px solid #ccc; }
.syllabus_table table tbody tr th.lv1_01 { background: #0db2d9; color: #fff; border-bottom: 1px solid #0db2d9;}
.syllabus_table table tbody tr th.lv1_02 { background: #46bbd6; color: #fff; border-bottom: 1px solid #46bbd6;}
.syllabus_table table tbody tr th.lv1_03 {border-right: 1px solid #ccc;}
.syllabus_table table tbody tr th.lv2_01 { background: #2b5f78; color: #fff; border-bottom: 1px solid #2b5f78;}
.syllabus_table table tbody tr th.lv2_02 { background: #347290; color: #fff; border-bottom: 1px solid #347290;}
.syllabus_table table tbody tr th.lv2_03 { background: #d2dee3; color: #076379; border-right: 1px solid #ccc; }
.syllabus_table table tbody tr th.lv3_01 { background: #35a05d; color: #fff; border-bottom: 1px solid #35a05d;}
.syllabus_table table tbody tr th.lv3_02 { background: #5ca075; color: #fff; border-bottom: 1px solid #5ca075; }
.syllabus_table table tbody tr th.lv3_03 { background: #d0eddb; color: #236a3e; border-right: 1px solid #ccc;}
.syllabus_table .r_txt { font-size: 13px; color: #a1a1a1; letter-spacing: -0.05em; text-align: right;  }
.syllabus_table .btn_area { padding-bottom: 150px; }
.syllabus_table .btn_area .gray { display: inline-block; text-indent: -10px; width: 250px; font-size: 16px; color: #fff; letter-spacing: -0.05em; text-align: center; background: #333 url(../images/icoblack.png) no-repeat right center; }

.plantable { margin: 0 auto; width: 1210px; text-align: center; }
.plantable h4 { margin-bottom: 40px;} 
.plantable table { width: 100%;}
.plantable table thead tr th { padding: 10px 0; height: 54px; font-size: 14px; color: #fff;  font-weight: bold; text-align: center; background: #aaa; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.plantable table thead tr th:first-child { border-radius: 5px 0 0 5px; border-left: 0; }
.plantable table thead tr th.last { border-radius: 0 5px 5px 0; }
.plantable table thead tr th.lv1 { background: #0db2d9; }
.plantable table thead tr th.lv2 { background: #347290; }
.plantable table thead tr th.lv3 { background: #35a05d; }
.plantable table tbody tr th { padding: 10px 0; font-size: 14px; color: #666; font-weight: bold; border-left: 1px solid #ccc; background: #ddd; border-bottom: 1px solid #ccc; text-align: center; }
.plantable table tbody tr td { padding: 10px 0; width:330px;  font-size: 14px; color: #676767; border-right: 1px solid #ccc; background: #fff; border-bottom: 1px solid #ccc; text-align: center; }
.plantable table tbody tr td.theme { width: 160px; font-size: 14px; }
.plantable table tbody tr td.h50 { height: 55px; }
.plantable table tbody tr td.bd {border-bottom: 1px dashed #ccc;}
.plantable table tbody tr td.lv1 { background: #deeef5; color: #0a8baa; } 
.plantable table tbody tr td.lv2 { background: #d2dee3; color: #076379; } 
.plantable table tbody tr td.lv3 { background: #d0eddb; color: #236a3e; } 
.plantable table tbody tr td.alltit { height: 55px; line-height: 110%; font-size:16px;  font-weight: bold; background: #6d87c2; color: #fff; border: none; border-right: 1px solid #5674b9; }
.plantable table tbody tr td.alltit.rline { border-right: 1px solid #fff; }
.plantable table tbody tr td.alltit em { font-size: 14px; }
.plantable table tbody tr th.bbnon,.plantable table tbody tr td.bbnon { border-bottom: 0; }
.plantable .r_txt { font-size: 13px; color: #a1a1a1; letter-spacing: -0.05em; text-align: right; }
.plantable .btn_area { padding-bottom: 150px; }
.plantable .btn_area .gray { display: inline-block; text-indent: -10px; width: 250px; font-size: 16px; color: #fff; letter-spacing: -0.05em; text-align: center; background: #333 url(../images/icoblack.png) no-repeat right center; }




/*--교사 커뮤니티 ---------------------------------------------------------------------------*/
.top_tabmenu ul { overflow: hidden; }
.top_tabmenu ul li { width: 256px; float: left;}
.top_tabmenu ul li a { display: block; height: 50px; font-size: 16px; color: #999; line-height: 50px; text-align: center; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.top_tabmenu ul li.last a { border-right: 1px solid #ccc; }
.top_tabmenu ul li.on a,.top_tabmenu ul li:hover a { color: #fff; background: #0075c1; border-bottom: 0; border-left:1px solid #0075c1;  font-weight: bold; }
.top_tabmenu ul li.on + li a,.top_tabmenu ul li:hover + li a { border-left: 1px solid #0075c1; }
.top_tabmenu.w3 ul li { width: 427px; }
.top_tabmenu.w3 ul li.last { width: 426px; }
.top_tabmenu.w4 ul li { width: 25%; }
.top_tabmenu.w4 ul li.last { width: 25%; }

.titlebox { padding-top: 50px; height: 115px; text-align: center; border-bottom: 1px solid #e5e5e5; background: url(../images/titlebox_bg.png) no-repeat left top; }
.titlebox h3 { font-size: 44px; color: #333; line-height: 100%; }

.location { padding: 22px 0 80px; text-align: center; }
.location.pb_60 { padding-bottom: 60px; }
.location.pb_90 { padding-bottom: 90px; }
.location ul { display: inline-block; overflow: hidden; }
.location ul li { font-size: 14px; color: #b6b6b6; float: left; }
.location ul li span { margin: 0 10px; }

.tabmenu ul { height: 44px; overflow: hidden;  }
.tabmenu ul li { margin-top: 4px; width: 210px; height: 40px; line-height: 38px; font-size: 13px; color: #777; border: 1px solid #d9d9d9; border-right:0; float: left; text-align: center; background: #f7f7f7; cursor: pointer; vertical-align: bottom; border-bottom: 1px solid #555; }
.tabmenu ul li.last {border-right: 1px solid #d9d9d9; }
.tabmenu ul li.on { margin:0; height: 44px; font-size: 16px; color: #333; line-height: 42px; border: 1px solid #555; border-bottom: 1px solid #fff; background: #fff; font-weight: bold; }
.tabmenu ul li.on + li { border-left: 0; }
.tabmenu.many ul li {width: 128px; }
.tabmenu.many ul li.on { font-size: 15px; letter-spacing: -0.05em;}
.tabmenu.many ul li.long01 { width: 130px; }
.tabmenu.many ul li.long02 { width: 144px; }
.tabmenu.many ul li.small { width: 110px; }
#ie8 .tabmenu.many ul li.long02 { width: 154px; }
#ie8 .tabmenu.many ul li.small { width: 100px; }


.tabbox { padding: 50px 0; margin-top: -1px; border-top: 1px solid #555; }
.tabbox.tabcon02,.tabbox.tabcon03 {display: none; }
.result_infotxt { padding: 40px 0 20px; font-size: 15px; color: #000; font-weight: bold; letter-spacing: -0.05em; }
.write_btn a { display: inline-block; width: 162px; height: 46px; line-height: 46px; font-size: 16px; color: #fff; background: #0075c1; text-align: center; }
.pcon {padding-bottom: 50px; }

.searchbox input { padding-top: 12px; height: 40px; font-size: 14px; }
.searchbox input[type="text"] { margin-right: 5px; padding: 10px 15px; width: 420px; color: #999; border: 1px solid #e8e8e8; background: #fff; vertical-align: middle;}
.searchbox input[type="button"] { padding: 10px 0; width: 90px; color: #fff; text-align: center; background: #333; border: 1px solid #333;; vertical-align: middle; cursor: pointer; }
.searchbox input[type="button"]:hover { background: #555; }


.tabbox_new { padding: 50px 0; margin-top: -1px; }

.tabbox_select_new {float:right;width:150px; border:1px solid #e6e6e6; height:40px; padding:0 10px; margin-right:5px; color:#999;  
	background: url('../images/renew/bd_arrow.jpg') no-repeat 95% 50%;
	-webkit-appearance: none;  
	-moz-appearance: none;     
	appearance: none; 
}
.tabbox_select_new::-ms-expand {
    display: none;
}

.tabbox_select_new.ttl{float:none; margin:5px 5px 5px 0; background-color:#fff;}
.tabbox_select_new.ttl::-ms-expand{float:none; margin:5px 5px 5px 0; background-color:#fff;}
.tabbox_new.tabcon02,.tabbox.tabcon03 {display: none; }
.result_infotxt_new { padding: 40px 0 20px; font-size: 15px; color: #000; font-weight: bold; letter-spacing: -0.05em; }

.searchbox_new {float:right;}
.searchbox_new input { padding-top: 12px; height: 40px; font-size: 14px; }
.searchbox_new input[type="text"] { margin-right: 5px; padding: 10px 15px; width: 420px; color: #999; border: 1px solid #e8e8e8; background: #fff; vertical-align: middle;}
.searchbox_new input[type="button"] { padding: 10px 0; width: 90px; color: #fff; text-align: center; background: #333; border: 1px solid #333;; vertical-align: middle; cursor: pointer; }
.searchbox_new input[type="button"]:hover { background: #555; }

.notice_list { margin-bottom: 50px; overflow: hidden; }
.notice_list > ul > li .topbar { padding: 17px 50px 0; height: 50px; border-bottom: 1px solid #e0e0e0; background: #f9f9f9; overflow: hidden; }
.notice_list > ul > li .topbar span { font-size: 16px; line-height: 100%; color: #373636; font-weight: bold; }
.notice_list > ul > li:first-child .topbar {border-top: 1px solid #e0e0e0; }
.notice_list > ul > li .con { padding: 46px 0 46px; border-bottom: 1px solid #e0e0e0; }
.notice_list > ul > li .con > dl { height: 104px; overflow: hidden; clear: both; }
.notice_list > ul > li .con > dl > dt { padding: 0 50px; width: 512px; font-size: 26px; color: #555; line-height: 43px; letter-spacing: -0.05em; float: left; xfont-weight: bold; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; }
.notice_list > ul > li .con.important > dl > dt { font-weight: bold; }
.notice_list > ul > li .con.important > dl > dt > span { display: inline-block; margin: 9px 10px 0 -50px; width: 40px; height: 25px; font-size: 14px; color: #fff; line-height: 25px; text-align: center; font-weight: normal; background: #f26522; vertical-align: top; }
.notice_list > ul > li .con.secret > dl > dt > span { display: inline-block; margin: 7px 13px 0 -37px; width:24px; height: 27px; background: url(../images/secret_ico.png) no-repeat left top; vertical-align: top; }

.notice_list > ul > li .con > dl > dd { padding-top: 4px; padding-right: 50px; width: 768px; font-size: 15px; color: #555; line-height: 23px; letter-spacing: -0.05em;  float: right; }
.notice_list > ul > li .con > dl > dd .filedown a { display: inline-block; margin-bottom: 10px; margin-left: 20px; padding-left: 20px; color: #999; font-size: 14px; background: url(../images/filedown_ico.png) no-repeat left center; }
.notice_list > ul > li .con > dl > dd .filedown a:first-child { margin-left:0; }
.notice_list > ul > li .con > dl > dd .filedown a:hover { text-decoration: underline; }
.notice_list > ul > li .con > dl > dd .txt {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; }
.notice_list > ul > li .con > dl > dd .txt.mov {-webkit-line-clamp: 3; /* 라인수 */}
.notice_list > ul > li .con > dl > dd img { max-width: 100%; }
.notice_list > ul > li .con .openbtn { margin-top: 30px; padding-left: 512px; }
.notice_list > ul > li .con .openbtn span { display: inline-block; padding: 0 6px; width: 72px; height: 30px; font-size: 12px; color: #777; line-height: 28px; border: 1px solid #d2d2d2; background: #fff url(../images/open_arrow.png) no-repeat 56px center; cursor: pointer; }
.notice_list > ul > li .con.on > dl > dt,.notice_list > ul > li .con.on dl dd .txt {-webkit-line-clamp: initial;}
.notice_list > ul > li .con.on > dl { overflow:visible}
.notice_list > ul > li .con.on > .openbtn span { background: #fff url(../images/open_arrow_on.png) no-repeat 56px center;}

.notice_list > ul > li .con .modibtn { margin-top: 30px; padding-left: 512px; }
.notice_list > ul > li .con .modibtn span { display: inline-block; padding: 0 6px; width: 72px; height: 30px; font-size: 12px; color: #777; line-height: 28px; border: 1px solid #d2d2d2; background: #fff url(../images/open_arrow.png) no-repeat 56px center; cursor: pointer; }
.notice_list > ul > li .con.on > .modibtn span { background: #fff url(../images/open_arrow_on.png) no-repeat 56px center;}

.comment_box { padding-top: 90px; }
.comment_box .cwrite { position: relative; overflow: hidden; }
.comment_box .cwrite input[type="text"] { padding: 20px 190px 20px 20px; width: 100%; color: #555; font-size: 15px; border: 1px solid #999; background: #fff; }
.comment_box .cwrite span { display: inline-block; width: 190px; height: 60px; position: absolute; top:0; right:0; text-align: right;  }
.comment_box .cwrite span em { display: inline-block; margin-right: 15px; font-size: 15px; color: #9a9a9a; line-height: 60px; vertical-align: middle; }
.comment_box .cwrite span input[type="button"] { width: 108px; height: 60px;  font-size: 16px; color: #fff; background: #0075c1; border: 0; cursor: pointer; }
.comment_box ul { padding-top: 30px; }
.comment_box ul li { padding: 20px 0 22px; border-bottom: 1px solid #e0e0e0; background: #fff; }
.comment_box ul li:first-child { border-top: 1px solid #e0e0e0;}
.comment_box ul li dl dt { margin-bottom: 10px; font-size: 15px; color: #333; clear:both; overflow:hidden; }
.comment_box ul li dl dt .f_left strong { margin-right: 20px; }
.comment_box ul li dl dt .f_left span { color: #999; }
.comment_box ul li dl dt .f_right span { cursor: pointer; }
.comment_box ul li dl dt .f_right em { margin: 0 15px; }
.comment_box ul li dl dd { font-size: 15px; color: #999; line-height: 23px; }
.comment_box ul li.addcom { padding: 10px; text-align: center; }
.comment_box ul li.addcom strong { display: inline-block; padding: 4px 16px 4px 4px; font-size: 14px; color: #555; cursor: pointer; background: url(../images/add_ico.png) no-repeat right 10px; }
.comment_box .no_comment { margin-top: 30px; padding: 30px 0 40px; text-align: center; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; }
.comment_box .no_comment span { display: inline-block; padding-right: 43px; height: 29px; font-size: 15px; color: #999; line-height: 29px; background: url(../images/nocomment_ico.png) no-repeat right top;}


/*교사게시판 글쓰기*/
.write_box {}
.write_box table { width: 100%; border-top: 1px solid #e0e0e0;  }
.write_box table tr th,.write_box table tr td { padding: 10px 0; font-size: 15px; border-bottom: 1px solid #e0e0e0; vertical-align: middle; }
.write_box table tr th { padding-left: 10px; color: #333; font-weight: normal; text-align: left; }
.write_box table tr th.long { letter-spacing: 1.8em; }
.write_box table tr td input[type="text"] { padding: 9px 15px; width: 1030px; height: 38px; font-size: 15px; color: #999; background: #fff; border: 1px solid #bababa;  vertical-align: middle; }
.write_box table tr td .check { display: inline-block; margin-left: 12px; vertical-align: middle; }
.write_box table tr td label.lb { font-size: 15px; color: #999; line-height: 21px; vertical-align: middle;  }
.write_box table tr td .check input[type="checkbox"] { display: none; appearance: none; }
.write_box table tr td .check input[type="checkbox"] + label {display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg02.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.write_box table tr td .check input[type="checkbox"]:checked + label:after {content: ' '; display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg_on.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.write_box table tr td .txt { margin-left: 12px; color: #999; }
.write_box table tr td textarea { padding: 15px 20px; width: 100%; font-size: 15px; color: #999; background: #fff; border: 1px solid #bababa; }
.write_box table tr td textarea.h_300 { height: 300px; }
#ie7 .write_box table tr td .check input[type="checkbox"],#ie8 .write_box table tr td .check input[type="checkbox"] { display: inline-block; width:23px; height: 21px; vertical-align: middle; }
#ie7 .write_box table tr td .check label,#ie8 .write_box table tr td .check label {display: none;}

.btn_area { text-align: center; }
.btn_area a { display: inline-block; padding: 14px 0; width: 160px; font-size: 16px; color: #fff; }
.btn_area a.blue { background: #0075c1; }
.btn_area a.gray { background: #333; }

/*파일*/
.ad_file { position: relative; padding-right: 115px; width: 1030px; display: inline-block; }
.write_box table tr td .ad_file input[type="text"] { width: 920px; }
.ad_file input[type="file"] { width: 115px; height: 38px; filter: alpha(opacity=0); opacity: 0; position: absolute; top: 1px; right: 1px; z-index:1;  cursor: default; }
.ad_file a { display: inline-block; width: 115px; height: 38px; border: 0; background: #999; font-size: 16px; color: #fff; line-height: 38px; text-align: center; position: absolute; right:0; top:0; z-index:0; }
.ad_file a:hover {background: #777; }


/*교육용 동영상*/
.levelbox ul { overflow: hidden; clear: both; }
.levelbox ul li { text-align: center; width: 89px; height: 48px; line-height: 48px; font-size: 15px; color: #c1c1c1; float: left; border: 1px solid #bcbcbc; border-left:0; background: #f7f7f7; }
.levelbox ul li:first-child {width: 210px; font-size: 16px; color: #fff; font-weight: bold; border: 1px solid #bcbcbc; background: #bcbcbc;}
.levelbox ul li.up { color: #777; cursor: pointer;}
.levelbox ul li.new { color: #777; cursor: pointer;}


.levelbox ul.level01.on li { color: #fff; background: #b0d9e9; border: 1px solid #009ad6; border-left:0;}
.levelbox ul.level01.on li:first-child { background: #009ad6; border-left: 1px solid #009ad6;  }
.levelbox ul.level01.on li.up { color: #004966; }
.levelbox ul.level01.on li.new { color: #fff; background: #0088bd; }

.levelbox ul.level02.on li { color: #fff; background: #8ec1e4; border: 1px solid #0188e4; border-left:0;}
.levelbox ul.level02.on li:first-child { background: #0188e4; border-left: 1px solid #0188e4;}
.levelbox ul.level02.on li.up { color: #00395f; }
.levelbox ul.level02.on li.new { color: #fff; background: #0176c6; }

.levelbox ul.level03.on li { color: #fff; background: #97cbd3;border: 1px solid #09b8d3; border-left:0;}
.levelbox ul.level03.on li:first-child { background: #09b8d3; border-left: 1px solid #09b8d3; }
.levelbox ul.level03.on li.up { color: #044f5b; }
.levelbox ul.level03.on li.new { color: #fff; background: #08a1b9; }

.levelbox ul.level01.on li.up.on,.levelbox ul.level01.on li.up:hover,.levelbox ul.level01.on li.new.on,.levelbox ul.level01.on li.new:hover { font-weight: bold; }
.levelbox ul.level02.on li.up.on,.levelbox ul.level02.on li.up:hover,.levelbox ul.level02.on li.new.on,.levelbox ul.level02.on li.new:hover { font-weight: bold; }
.levelbox ul.level03.on li.up.on,.levelbox ul.level03.on li.up:hover,.levelbox ul.level03.on li.new.on,.levelbox ul.level03.on li.new:hover { font-weight: bold; }
#ie7 .levelbox ul li:first-child {width: 198px; }


/*부모 커뮤니티*/
.imgbox { text-align: center; }
.btn_area .appbtn { display: inline-block; padding-left: 73px; width: 324px; height: 66px; }
.btn_area .appbtn.blue { margin-right: 23px; background: #0075c1 url(../images/appbtn_blue.png) no-repeat left top; }
.btn_area .appbtn.gray { background: #585858 url(../images/appbtn_gray.png) no-repeat left top; }
.btn_area .appbtn a { width: 100%; padding: 13px 0; }
.btn_area .appbtn.blue a em { color: #06c6fd;}
.btn_area .appbtn.gray a em { color: #b0b0b0;}


/*wings app*/
.wapp { padding-bottom: 100px; }
.wapp h3 { font-size: 26px; color: #0075c1; letter-spacing: -0.05em; }
.wapp p {font-size: 15px; color: #777; letter-spacing: -0.075em;}
.wapp dl { margin-left: 53px; width: 280px; height: 490px; position: relative; overflow: hidden; float: left; border: 1px solid #e6e6e6; background: #f3f4f5; text-align: center; }
.wapp dl:first-child { margin-left: 0; }
.wapp dl dt { padding: 30px 0; }
.wapp dl dt strong { display: inline-block; font-size: 25px; color: #555; }
.wapp dl dt span { font-size: 15px; color: #777; }
.wapp dl dd { width: 100%;height: 354px; position: absolute; bottom: 0; }




/*=================================================================================================================================================================================================================
* login
=================================================================================================================================================================================================================*/
.login { background: #f7f7f7; text-align: center; letter-spacing: -0.05em; }
#ie8 .login,#ie7 .login { min-width: 500px; }
.login .lg_inner { margin: 0 auto; padding: 46px 20px; max-width: 500px }
.login h1 img { max-width: 100%; }
.login input { outline-style: none; border-radius:0; -webkit-appearance: none; -webkit-tap-highlight-color:transparent; }
.login a,.login label {-webkit-tap-highlight-color:transparent;}
.login .infotxt { color: #555; text-align: left; line-height:140%; } /*color: #999;*/
.login .infotxt02 { color: #acacac; text-align: left; line-height:18px; font-size: 13px; }
.login .infotxt03 { color: #555; text-align: left; font-size: 15px; line-height: 20px; } /*color: #999;*/
.login .infotxt .dgray { color: #656565; }
.login .ta_center { text-align: center; }
.login .footer { height: auto; }

.login .tabarea { margin-top: 28px; }
.login .tabarea ul { overflow: hidden; }
.login .tabarea ul li { width: 50%; float: left; }
.login .tabarea ul li a { display: block; padding: 20px 0; font-size: 18px; color: #c0c0c0; text-align: center; border: 1px solid #bbb; border-right:0; background: #ebebeb; xfont-weight: bold; }
.login .tabarea ul li.last a { border-right: 1px solid #bbb; }
.login .tabarea ul li.on a { color: #fff; background: #0075c1; border: 1px solid #0075c1;  } 
.login .tabarea ul li.on + li a { border-left: 0; }
.login .tabarea.w3 ul li { width: 33%;}
.login .tabarea.w3 ul li.last { width: 34%;}

.login .tabarea_s { padding: 0 20px; position: relative; text-align: center; }
.login .tabarea_s ul { width: 100%; height: 43px;  }
.login .tabarea_s ul li { margin-top: 6px; padding-top: 10px;  width: 50%;height: 38px; font-size: 13px; color: #777; float: left;  border: 1px solid #d9d9d9; background: #f7f7f7; border-bottom: 1px solid #333; cursor: pointer; border-right:0;}
.login .tabarea_s ul li.on { margin:0; padding-top: 14px; height: 44px; font-size: 16px; color: #333; border: 1px solid #555;  border-bottom:0; background: #fff; font-weight: bold; }
.login .tabarea_s ul li.on + li { border-left: 0; }
.login .tabarea_s ul li.last { border-right: 1px solid #d9d9d9;}
.login .tabarea_s ul li.last.on { border-right: 1px solid #555; }
.login .tabarea_s.w3 ul li { width: 33.33%; }
.login .tabcon.con02,.login .tabcon.con03 { display: none; }


/*login*/
.login .login_box { padding: 56px 0 32px; border-bottom: 1px solid #dadada; }
.login .login_box ul li:first-child { margin-bottom: 12px; }
.login .login_box ul li input { width: 100%; padding: 16px; font-size: 14px; line-height: 100%; color: #555; border: 1px solid #dcdcdc; background: #fff; }
.login .login_box .redinfo { margin-top: 8px; padding-left: 30px; height: 21px; line-height: 21px; font-size: 14px; color: #ff0000; background: url(../images/redinfo_ico.png) no-repeat left center; text-align: left; }
.login .login_box .keepin { margin-top: 15px; text-align: left; }
.login .login_box .keepin input[type="checkbox"] { display: none; appearance: none; }
.login .login_box .keepin input[type="checkbox"] + label {display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.login .login_box .keepin input[type="checkbox"]:checked + label:after {content: ' '; display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg_on.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.login .login_box .keepin .label { margin-left: 12px; color: #555;  cursor: pointer;}
.login .login_box .login_btn { margin-top: 36px; }
.login .linklist { margin: 20px 0 125px; overflow: hidden; }
.login .linklist ul { margin: 0 auto; max-width: 320px; }
.login .linklist ul li { float: left; width: 35%; border-left: 1px solid #adb0ac; }
.login .linklist ul li:first-child { border-left: 0;}
.login .linklist ul li.sm { width: 30%; }
.login .linklist ul li a { display: block; color: #9f9f9f; line-height: 15px; }
.login .linklist ul li a:hover { color: #555; }
.login .banner { margin-bottom: 20px; }
.login .banner img { max-width: 100%; }
.login .footer { margin: 0 auto; text-align: right; max-width: 360px; background: #f7f7f7; }
.login .footer p { padding-left: 65px; padding-top: 14px; height: 47px; font-size: 13px; color: ;#7d7f7c; letter-spacing: 0; background: url(../images/login_footer_logo.png) no-repeat left center; vertical-align: middle;}
#ie8 .login .login_box ul li input { line-height: 20px; }
#ie7 .login .login_box .keepin input[type="checkbox"],#ie8 .login .login_box .keepin input[type="checkbox"] { display: inline-block; width:23px; height: 21px; vertical-align: middle; }
#ie7 .login .login_box .keepin em label,#ie8 .login .login_box .keepin em label {display: none;}
#ie7 .login .linklist ul li.sm { width: 28%; }
#ie7 .login .login_box ul li input { padding: 16px 0; line-height: 20px;  text-indent: 16px; margin-left: -16px }

.login .linklist.adwbox { margin-bottom: 31px}
.login .infowhitebox { margin-bottom: 20px; padding: 15px 15px 15px 40px; color: #777; background: #fff url(../images/redinfo_ico_gray.png) no-repeat 13px 15px; border: 1px solid #dadada; text-align: left; line-height: 150%;}
.login .infowhitebox02 { margin-top: 16px; padding: 15px 15px 15px 40px; color: #777; background: #f7f7f7 url(../images/redinfo_ico_gray.png) no-repeat 13px 15px; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; text-align: left; line-height: 150%;}

/*비밀번호 변경*/
.wr_img { padding: 16px; overflow: hidden; clear: both; border-bottom: 1px solid #dcdcdc; }
.wr_img .f_left { width: 64%; margin-right: 4%; }
.wr_img .f_left img { width: 100%; height: auto; }
.wr_img .f_right { width: 32%; }
.wr_img .f_right p { font-size: 15px; color: #555; vertical-align: middle; }
.wr_img .f_right .chbtn { display: inline-block; margin-bottom: 20px; padding: 10px 0 8px; width: 100%; border: 1px solid #0075c1; text-align: center; color: #0075c1; cursor: pointer; }
.wr_img .f_right .chbtn span { display: inline-block; padding-top: 0px; vertical-align: top; margin-left: 6px; }
.wr_img .f_right .chbtn:hover span { text-decoration: underline; }
.wr_img .f_right .chbtn em { display: inline-block; margin-left: -6px; width: 12px; height: 15px; background: url(../images/wrimg_ico.png) no-repeat left 1px; }
.wr_img .f_right strong { margin-left: 10px; color: #0075c1; vertical-align: middle;  }
.wr_img .f_right span { vertical-align: middle; }

@media screen and (max-width:450px){
	.wr_img .f_left { width: 100%; margin-right: 0; margin-bottom: 16px; text-align: center; float: none; }
	.wr_img .f_left img { width: auto; max-width: 100%; }
	.wr_img .f_right { width: 100%; float: none; text-align: center; }
	.wr_img .f_right p { display: inline-block; max-width: 130px; vertical-align: middle; }
	.wr_img .f_right .chbtn { max-width: 130px; margin-bottom:0; margin-right: 10px; }
}
@media screen and (max-width:350px){
	.wr_img .f_right { width: 100%; }
	.wr_img .f_right p { display: block; width: 100%; max-width: 100%; text-align: center;  }
	.wr_img .f_right .chbtn { margin-bottom: 10px; margin-right:0; }
}



/*아이디/비밀번호찾기*/
.login .whitebox { background: #fff; border: 1px solid #dadada; border-top:0; text-align: left; }
.login .whitebox.topline { border-top: 1px solid #dadada; }
.login .whitebox.pt_50 { padding-top: 50px; }
.login .inputarea.mb_70 { margin-bottom: 70px; }
.login .inputarea p { margin-bottom: 20px; padding: 0 16px; color: #555; }
.login .inputarea ul li { border-bottom: 1px solid #dadada; }
.login .inputarea ul li:first-child { border-top: 1px solid #dadada;  }
.login .inputarea ul li input { width: 100%; padding: 16px;  font-size: 14px; line-height: 100%; color: #555; border: 0; }
.login .datearea {margin-top: 16px; text-align: center; }
.login .datearea ul { overflow: hidden; }
.login .datearea ul li { width: 25%; float: left; border: 1px solid #dadada; border-right:0; }
.login .datearea ul li:first-child { height: 50px; padding-top:16px; width: 20%; background: #f0f0f0; border-left:0;  font-size: 15px; color: #555; }
.login .datearea ul li.year { width: 30%; }
.login .datearea ul li input { text-align: center; width: 100%; padding: 16px 0;  font-size: 14px; line-height: 100%; color: #555; border: 0; }
.login .resualt_area { padding: 20px 26px 52px; text-align: center; }
.login .resualt_area .graybox { font-size: 15px; color: #999; line-height: 25px; border: 1px solid #dadada; background: #f7f7f7; }
.login .resualt_area .login_sbtn { margin: 110px auto 20px; }
.login .resualt_area.yes .graybox { padding: 35px 0 45px; }
.login .resualt_area.yes .graybox span { color: #0075c1; }
.login .resualt_area.yes .txt {margin-top: 15px;  font-size: 15px; color: #6a6a6a; }
.login .resualt_area.no .graybox { padding: 50px 0 60px; }
.login .resualt_area.no .graybox p { color: #ff0000; }
.login .resualt_area.no .txt { margin-top: 15px;  font-size: 15px; color: #6a6a6a; }
.login .resualt_area.yes .login_sbtn,.login .resualt_area.no .login_sbtn { margin-top: 70px; }
#ie8 .login .inputarea ul li input { line-height: 20px; }
#ie7 .login .inputarea ul li input { padding: 16px 0; line-height: 20px;  text-indent: 16px; margin-left: -16px }
#ie8 .login .datearea ul li input { line-height: 20px; }
#ie8 .login .datearea ul li:first-child { padding-top: 18px;height: 52px; }
#ie7 .login .datearea ul li.year { width: 29%; }
#ie7 .login .datearea ul li:first-child { height: 36px; }


/*가입환영*/
.login .notebox { padding: 40px 23px 70px; }
.login .notebox .redinfo { padding-left: 30px; height: 21px; line-height: 21px; font-size: 14px; color: #656565; background: url(../images/redinfo_ico.png) no-repeat left center; text-align: left; }
.login .inbox.cong { padding-bottom: 100px; }
.login .inbox .search { padding-right: 136px; position: relative; overflow: hidden; }
.login .inbox .search input { width: 100%; padding: 16px; font-size: 14px; color: #555; border: 1px solid #dcdcdc; }
.login .inbox .search a { display: inline-block; width: 137px; padding: 16px 0; font-size: 16px; color: #fff; text-align: center; position: absolute; right:0; top:0; background: #0075c1; }
.login .inbox .red { color: #ff0000; }


/*이용약관*/
.login .chebox_box { padding-left: 45px; margin: 20px 0 18px; position: relative; overflow: hidden; }
.login .chebox_box .check { margin-top: -10px; position: absolute; top:50%; left: 5px; }
.login .chebox_box input[type="checkbox"] { display: none; appearance: none; }
.login .chebox_box input[type="checkbox"] + label {display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.login .chebox_box input[type="checkbox"]:checked + label:after {content: ' '; display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg_on.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.login .chebox_box .label { color: #555; line-height: 20px; cursor: pointer; }/*color: #848484;*/
.login .chebox_box .label em { display: block; }
.login .agreebox.pb_40 { padding-bottom: 40px; }
.login .agreebox .pt_10 { padding-top: 6px; }
.login .agreebox .chebox_box { padding-bottom: 2px; overflow: hidden; }
.login .agreebox .chebox_box .label em { display: inline-block; }
.login .agreebox .chebox_box .label .blue { background: none; color: #0075c1; }
.login .agreebox .chebox_box .f_right a { display: inline-block; width: 60px; height: 20px; font-size: 13px; color: #fff; line-height: 18px; letter-spacing: -0.05em; border: 1px solid #a5a5a5; background: #c9c9c9; text-align: center; }
.login .agreebox .terms_box { padding: 12px; height: 90px; border: 1px solid #dadada; background: #f7f7f7; overflow: auto; }
.login .agreebox .terms_box p { font-size: 13px; color: #979797; line-height: 20px; }
.login .agreebox .terms_box p strong { color: #5e5e5e; font-weight: normal; }
.login .agre_btnbox { padding: 55px 0 80px; text-align: center; }
.login .agre_btnbox a {max-width: 200px; }
#ie7 .login .chebox_box input[type="checkbox"],#ie8 .login .chebox_box input[type="checkbox"] { display: inline-block; width:23px; height: 21px; vertical-align: middle; }
#ie7 .login .chebox_box span label,#ie8 .login .chebox_box span label {display: none;}


/*가입완료*/
.login .inbox { padding: 0 16px 10px; }
.login .inbox h2 { margin: 55px 0 40px; font-size: 20px; color: #464646; text-align: center; font-weight: normal; }
.login .inbox h2.mb_65 { margin-bottom: 65px; }
.login .inbox.bbline { border-bottom: 1px solid #555; }
.login .comptable table { width: 100%; }
.login .comptable table tr th { padding: 16px 0 16px 20px; font-size: 15px; color: #fff; border-bottom: 1px solid #fff; background: #aaa; font-weight: normal; }
.login .comptable table tr td { padding: 16px 0 16px 20px; font-size: 15px; color: #555; border-bottom: 1px solid #dadada; }
.login .comptable table tr:first-child td { border-top: 1px solid #dadada;  }


/*회원가입*/
.login .inputlist ul li {border-top: 1px solid #dadada; position: relative; }
.login .inputlist ul li:first-child { border-top: 0; }
.login .inputlist ul li.bb { border-bottom: 1px solid #dadada; }
.login .inputlist ul li input { width: 100%; padding: 16px;  font-size: 15px; line-height: 100%; color: #555; border: 0; }
.login .inputlist ul li .info { margin-bottom: 16px; padding-left: 16px;  font-size: 13px; color: #999; }
.login .inputlist ul li .red { color: #ff0000; margin-right: 6px; }
.login .inputlist ul li em { display: inline-block;}
.login .inputlist .findpwbtn { display: inline-block; color: #0075c1;position: absolute; right: 22px; top: 16px; border-bottom: 1px solid #0075c1; }
.login .inputlist .input.pr_more { padding-right: 120px; }
.login .datearea .bd_info { padding: 10px 0; border-bottom: 1px solid #dadada; font-size: 13px; color: #ff0000; }
.login .radioarea { padding: 24px 22px 20px; }
.login .radioarea ul { overflow: hidden; }
.login .radioarea ul li { padding: 15px 0; width: 50%; font-size: 15px; color: #999; text-align: center; border: 1px solid #c8c8c8; background: #f2f2f2; cursor: pointer; float: left; border-left: 0; -webkit-tap-highlight-color:transparent;}
.login .radioarea ul li:first-child { border-right: 0; border-left: 1px solid #c8c8c8;}
.login .radioarea ul li.on { color: #0075c1; border: 1px solid #0075c1; background: #fff; }
.login .radioarea ul li.on:first-child { border:;}




@media screen and (max-width:400px){
	.login .lg_inner { margin: 0 auto; padding: 46px 20px 20px;}
	.login .linklist { margin: 20px 0 30px; }
	.login .footer { text-align: left; display: inline-block; }
	.login .footer p { padding-left: 48px; font-size: 12px; letter-spacing: -0.03em; background-size: 42px auto; }

	.login .login_sbtn { width: 80%; }
	.login .login_sbtn.empty { margin: 30px auto 30px; }
	.login .whitebox.mb_60 { margin-bottom: 20px; }
	.login .whitebox.mb_30 { margin-bottom: 10px; }
	.login .login_btn.mb_60 { margin-bottom: 20px; }
	
	.sm2 .login_sbtn { width: 48%;}

	.login .comptable table tr th { padding: 16px 0 16px 10px;}
	.login .comptable table tr td { padding: 16px 0 16px 10px; }

	.login .inbox .search { padding-right: 60px; }
	.login .inbox .search a { width: 61px; }

	.login .chebox_box .label { letter-spacing: -0.08em;}
	.login .chebox_box .label em { display: inline; }
	.login .agre_btnbox { padding: 30px 0 40px; }
	.login .infotxt03.ta_center { letter-spacing: -0.08em; }

	.login .agreebox .chebox_box .f_left,
	.login .agreebox .chebox_box .f_right {float: none; }
	.login .agreebox .chebox_box .f_right { position: absolute; top:138px; right:0; }
	.login .agreebox .chebox_box { overflow: visible;}
	.login .agreebox .terms_box.mb_40 { margin-bottom: 50px; }
	.login .agreebox .terms_box.mb_10 { margin-bottom: 40px; }
	
	.login .inputlist .findpwbtn { letter-spacing: -0.08em; }
}



/*==============================================================================================================================
	퀵메뉴
===============================================================================================================================*/

.login .inquire .inbox h2 { padding: 42px 0 15px; margin: 0; }
.login .inquire .inbox .infotxt03 em { display: block; }

.login .qut_box { padding: 25px 16px 32px; border-bottom: 1px solid #555; text-align: left; }
.login .qut_box.pt_30 { padding-top: 30px; }
.login .qut_box.btline {border-top: 1px solid #555; }
.login .qut_box .leftinput { padding-left: 70px; position: relative; overflow: hidden; }
.login .qut_box .leftinput.pl_92 {padding-left: 92px; }
.login .qut_box .leftinput label { display: inline-block; margin-top: -18px; height: 36px; font-size: 15px; color: #555; line-height: 120%; position: absolute; left:0; top: 50%;;}/*color: #999;*/
.login .qut_box .leftinput label span { color: #0075c1; }
.login .qut_box .leftinput input { border: 1px solid #dcdcdc; width: 100%; padding: 16px;  font-size: 15px; line-height: 100%; color: #999; }
.login .qut_box .txtbox textarea { border: 1px solid #dcdcdc; width: 100%; padding: 16px;  font-size: 15px; line-height: 100%; color: #c0c0c0; }
.login .qut_box .txtbox textarea.h_125 { height: 125px; }






/*==============================================================================================================================
	popup
===============================================================================================================================*/
.pop { display: none; z-index: 22; width: 100%; height: 100%; position: absolute; left:0; top:0px; text-align: center; }
.black_box { width: 100%; height: 100%; position: fixed; top:0; left:0; background: url(../images/blackbox_bg70p.png) repeat; overflow:hidden; z-index: 22; }
.popup { display: none; margin-top: -415px;margin-left: -640px; width: 1280px; position: fixed; left: 50%; top:50%;  z-index: 22; text-align: center; }
.popup .close { display: inline-block; width: 28px; height: 28px; position: absolute; right: 27px; top: 21px; background: url(../images/pop_closebtn.png) no-repeat left top; cursor: pointer; }
.popup .popheader { height: 70px; position: relative; overflow: hidden; background: #000;}
.popup .popheader h1 { font-size: 28px; line-height: 70px; color: #fff; letter-spacing: -0.025em; font-weight: normal; }
.popup .popbody { padding-top: 20px; background: #fff; height:760px; overflow: auto;  }

.popup .lvbox { padding: 0 30px 40px; background: url(../images/con_lvbox_bg.gif) repeat; text-align: left; }
.popup .lvbox h2 { display: inline-block; padding-top: 14px; margin: 0 0 26px 11px; font-size: 28px; color: #333; letter-spacing: -0.025em; font-weight: normal; background: url(../images/contitle_bar.jpg) no-repeat 2px top; }
.popup .lvbox ul { overflow: hidden; clear: both; }
.popup .lvbox ul li { margin-right: 47px; width: 172px; float: left; text-align: center; }
.popup .lvbox ul li dl dt { display: inline-block; padding-bottom: 5px; width:100%; position: relative; background: url(../images/condt_shadow.png) repeat-x left bottom;}
.popup .lvbox ul li dl dt .cover { height: 217px; }
.popup .lvbox ul li dl dt a { display: inline-block; height: 202px; vertical-align: bottom; }
.popup .lvbox ul li dl dt a img { vertical-align: bottom; }
.popup .lvbox ul li dl dt em { display: inline-block; width:100%; height: 15px; background: #fff; border: 1px solid #ccc; position:}
.popup .lvbox ul li dl dd { font-size: 17px; color: #777; letter-spacing: -0.025em; }
.popup .lvbox ul li.book03 { width: 225px; }
.popup .lvbox ul li.book04 { width: 200px; }
.popup .lvbox ul li.book04 dl dt a { padding-top: 50px;}
.popup .lvbox ul li.book05 { width: 242px; margin-right: 0; }
.popup .lvbox ul li.book05 dl dt a { padding-top: 37px;}

.popup.book { display: none; }
.popup.book .popheader h1 { padding-left: 100px; font-size: 20px; text-align: left; }
.popup.book .back { display: inline-block; width: 38px; height: 33px; position: absolute; left: 24px; top: 19px; background: url(../images/popup_backico.png) no-repeat left top; cursor: pointer; }
.popup.book .popbody { padding-top: 20px; xbackground: rgba(255,255,255,0.5); background: url(../images/popup_book_bg.png) repeat; } 
.popup.book .bookbox { width: 100%; margin: 0 auto; position: relative; }
.popup.book .booknav { text-align: center; }
.popup.book .booknav p { margin: 10px auto 0; width:120px; height: 34px; font-size: 18px; color: #fff; letter-spacing: -0.025em; line-height: 30px; background: #4e4e4e; border: 1px solid #1e1e1e; border-radius: 30px; }


/*메인팝업*/
.popup.mainpop { width: 960px; xwidth: 100%; height: 660px; position: fixed; xtop:20px; left:50%; margin-top: -330px; margin-left: -480px; z-index: 23; text-align: center; }
.popup.mainpop .close { display: inline-block; width: 31px; height: 31px; position: absolute; right: 0; top: 10px; background: url(../images/pop_closebtn_main.png) no-repeat left top; }
.popup.mainpop h1 { margin-bottom: 35px; font-size: 36px; color: #fff; font-weight: bold; line-height: 100%;  text-align: center;}
.popup.mainpop h2 { font-size: 20px; color: #fff; letter-spacing: -0.03em; font-weight: normal; line-height: 40px;  text-align: center;}
.popup.mainpop .video { margin: 0 auto; max-width: 960px; vertical-align: top; }
/*
@media screen and (max-width:960px){
	.popup.mainpop { padding: 0 20px; width: 100%; height: 712px; left:0; margin-left: 0; top:0; margin-top:0;}
	.popup.mainpop h1 { margin-bottom: 20px; font-size: 28px; }
	.popup.mainpop h1 em { display: inline-block; }
	.popup.mainpop h2 { margin-top: 44px; font-size: 18px; }
	.popup.mainpop .close { margin-left: -15px; left:50%; top: 0px; }
}*/


/*약관*/
.terms .close { display: inline-block; width: 28px; height: 28px; position: absolute; right: 20px; top: 26px; background: url(../images/pop_closebtn.png) no-repeat left top; }
.terms .popheader { height: 80px; position: relative; overflow: hidden; background: #333;}
.terms .popheader h1 { padding-left: 124px; font-size: 23px; line-height: 80px; color: #fff; letter-spacing: -0.025em; text-align: left; background: url(../images/terms_logo.png) no-repeat 20px center;}
.terms .popbody { padding: 20px; background: #f7f7f7; }
.terms .whitebox { padding: 20px;  border: 1px solid #cfcfcf; }
.terms .whitebox .txt { font-size: 13px; color: #777; line-height: 20px; letter-spacing: -0.025em;}
.terms .whitebox .txt strong { font-size: 15px; color: #3a3a3a; }
.terms .whitebox .txt ul li { padding-left: 15px; }
.terms .whitebox .txt ul li span { margin-left: -15px; margin-right: 4px; }

@media screen and (max-width:400px){
	.terms .popheader { height: 60px;}
	.terms .popheader h1 { padding-left: 80px; font-size: 17px; line-height: 60px; background-size: 60px auto;  background-position: 10px center; }
	.terms .close { width: 23px; height: 23px; right: 12px; top: 19px; background-size: 23px auto; }
	.terms .popbody { padding: 10px; }
	.terms .whitebox { padding: 15px; }
}


.mv_bnr {position:absolute; left:50%; top:480px; margin-left:-640px;}
.mv_bnr img {margin-right:10px;}
.mc_bnr_roll {position:relative;  margin:28px 0 43px 49px}
.mc_bnr_roll div {float:left;}
.mc_bnr_roll .mcr_bnr2{margin:0 16px 0 0;}


.wingsintro .global01 {margin-bottom:60px; background: url('../images/renew/gw_01.png') no-repeat left top; height:480px; }
	.wingsintro .global02 {margin-bottom:;}
	.wingsintro .global02 table{width:100%;}
		.wingsintro .global02 th{width:50%; background:#acacac; border:1px solid #959595; height:62px; color:#fff; font-size:22px; font-weight:bold;}
		.wingsintro .global02 th:last-child{background:#0070c4;}
		.wingsintro .global02 td{border:1px solid #959595;  color:#777777; font-size:15px; vertical-align:top; box-sizing:border-box;}
		.wingsintro .global02 td img{margin:0 0 30px 20px; }
		.wingsintro .global02 .gb_map01{background:url('../images/renew/gw_02o.jpg') no-repeat; }
		.wingsintro .global02 .gb_map01 div{width:100%; height:420px; margin:0;  background:url('../images/renew/gw_02.jpg') no-repeat; animation:example 2s 0s infinite;
																						  -moz-animation: example 2s 0s infinite;
																						  -webkit-animation: example 2s 0s infinite;;}

				@keyframes example {
					0%   {opacity:1}
					50% {opacity:0}
					100% {opacity:1}
				}
				@-moz-keyframes example {
					0%   {opacity:1}
					50% {opacity:0}
					100% {opacity:1}
				}
				@-webkit-keyframes example {
					0%   {opacity:1}
					50% {opacity:0}
					100% {opacity:1}
				}

		.wingsintro .global02 .gb_map02{background:url('../images/renew/gw_03o.jpg') no-repeat; }
		.wingsintro .global02 .gb_map02 div{width:100%; height:420px; margin:0;  background:url('../images/renew/gw_03.jpg') no-repeat; animation:example2 2s 0s infinite;
																						  -moz-animation: example2 2s 0s infinite;
																						  -webkit-animation: example2 2s 0s infinite;;}

				@keyframes example2 {
					0%   {opacity:1}
					50% {opacity:0}
					100% {opacity:1}
				}
				@-moz-keyframes example2 {
					0%   {opacity:1}
					50% {opacity:0}
					100% {opacity:1}
				}
				@-webkit-keyframes example2 {
					0%   {opacity:1}
					50% {opacity:0}
					100% {opacity:1}
				}
		.wingsintro .global02 b{color:#0070c4;}
		.wingsintro .global02 br{line-height:10px;}


.alignr {text-align:right;}
.n_board_list {width:100%; border-top:1px solid #555; margin-bottom:30px;}
.n_board_list th {background:#fcfcfc; color:#555555; font-size:14px; height:40px; border-bottom:1px solid #e0e0e0;}
.n_board_list td { color:#888; font-size:12px; height:40px; border-bottom:1px solid #e0e0e0; text-align:center;}
.n_board_list .ttc{text-align:left; line-height:22px; font-weight:bold;}
.n_board_list .txt_box{padding:20px; text-align:left;  height:300px; vertical-align:top;}
.n_board_list input {border: 1px solid #e6e6e6;width:auto;padding: 10px; height:40px;font-size: 15px;line-height: 100%;color: #999; margin:5px 2px 5px 0;}
.n_board_list textarea {border: 1px solid #e6e6e6;width:100%;padding: 10px; min-height:200px;font-size: 15px;line-height: 100%;color: #999; margin:5px 2px 5px 0;}
.tb_txt {font-size:12px; color:red; margin-bottom:20px;}
.n_board_list .important{background:#deeaff;}
.n_board_list .important td {font-weight:bold; color:#333;}
.n_board_list.tt_over tr:hover{background:#eee;}

.notice_button {text-align:center; margin-bottom:50px;}
.notice_button a{display:inline-block;width:160px; text-align:center; border:1px solid #e7e7e7; font-size:12px; line-height:40px; color:#666;}
.notice_button a:hover{background:#f1f1f1;}
.notice_button a.nb_list,.notice_button a.nb_list:hover {background:#333; color:#fff;}

.n_board_tmanu {width:100%; margin-bottom:20px;}
.n_board_tmanu td {height:40px; background:#eee; border-top:1px solid #ccc;border-left:1px solid #ccc; box-sizing:border-box;  border-bottom:1px solid #277fd2; text-align:center;}
.n_board_tmanu td:last-child{border-right:1px solid #ccc;}
.n_board_tmanu td.on, .n_board_tmanu td:hover{background:#fff; border:1px solid #277fd2; border-left:1px solid #277fd2; color:#277fd2; border-bottom:none;}
.pdt00{padding-top:0;}

.tab01 {position:relative; padding-top:31px;width:100%; margin-bottom:50px;}
.tab01>li>a {display:block; position:absolute; top:0; width:33%;height:40px;line-height:30px;text-align:center; background:#f7f7f7; color:#555; border:1px solid #ccc; }
.tab01>li.on>a,.tab01>li>a:hover {background:#1b7ad2; color:#fff; border:1px solid #105ca9;}
.tab01>li:first-child>a {left:0;width:34%;}
.tab01>li+li>a {left:34%;}
.tab01>li+li+li>a {left:67%;}
.tab01>li>div {height:0; overflow:hidden; position:absolute;}
.tab01>li.on>div {height:auto; position:static; border:1px solid #767676; padding:20px;}
.tab01 span{color:#1b7ad2;}
.tab01 br{line-height:10px;}
.tab01 td {vertical-align:top;}
.tab01  img {vertical-align:middle;}

.n_sse_list {width:100%; margin-bottom:40px;}
.n_sse_list li{float:left; width:32%; margin-right:2%; border:1px solid #ccc; padding:15px 15px 0; margin-bottom:10px;}
.n_sse_list .none_m {margin-right:0; }
.n_sse_list span{color:#1b7ad2}
.n_sse_list input{font-size:0; vertical-align:middle  }
.n_sse_list table{width:100%;}
.n_sse_list th {text-align:left; line-height:22px; padding:0 0 5px 0;}
.n_sse_list td {vertical-align:top;}
.n_sse_list a {display:block; text-align:left; border:1px solid #ddd; width:200px; padding:0 10px; margin-bottom:19px; height:55px;line-height:55px; vertical-align:middle;}
.n_sse_list a img { vertical-align:middle; margin:0 10px;}
.n_sse_list .bt_btn {border-top:1px solid #ddd;padding-top:10px;}
.n_sse_list .bt_btn a {display:block; float:left;width:49%; margin-right:1%; text-align:center; background:#666; color:#fff; font-size:11px; line-height:30px; height:30px;}
.n_sse_list .bt_btn a:last-child{background:#333;}

.n_sse_btn {width:510px; margin:auto 0 auto auto; height:auto; padding-bottom:130px;}
.n_sse_btn a{width:auto; display:inline-block; background:#333; color:#fff; line-height:40px; text-align:center; margin:0 2px; padding:0 50px;}
.n_sse_btn span{display:inline-block; font-size:12px; color:#999; margin:5px; text-align:center;}
.n_sse_btn .btn_001 {width:auto; line-height:40px; background:#fff; color:#333; padding:0 30px; border:1px solid #ddd;  vertical-align:middle;}
.n_sse_btn .btn_001 img {vertical-align:middle; margin-left:5px; display:inline-block;}

.select_box {margin-bottom:10px;}
.select_box p {float:left; line-height:40px; color:#ccc;}

.priv_texbox textarea {border: 1px solid #e6e6e6;width:100%;padding: 10px; min-height:150px;font-size: 13px;line-height: 100%;color: #999; margin:5px 2px 5px 0;}
.priv_texbox div{text-align:right; vertical-align:middle; font-size:13px; color:#999; margin-bottom:20px;}
.priv_texbox input {vertical-align:middle; border:1px solid #ccc;}

.df_conbox {font-size:13px; color:#999; text-align:center; line-height:20px;}

.v_menu, .v_menu2,.v_menu3,.v_menu4{cursor:pointer;}
.h_menu,.h_menu2,.h_menu3,.h_menu4{display:none; background:#f1f1f1;}
.h_menu td,.h_menu2 td,.h_menu3 td,.h_menu4 td{ padding:20px 30px;}

	
.file_con {position:relative; height:55px;}	
.file_con li{display:inline-block; vertical-align:middle;}
.file_con .file_box{width:400px; height:45px; border:1px solid #ddd;margin:5px 0;}
.file_con .file_btn{width:100px; height:45px; background:#777; color:#fff;text-align:center; line-height:45px; font-weight:normal;}
.file_con .file_abs input{position:absolute; top:0; left:0;width:400px; height:45px	; padding:3px 0; }