@charset "utf-8";

/*
 * Layout Style
 *
 */

#wrap{width:100%; margin:0px auto;}
#container{width:1200px; margin:0px auto; overflow:hidden;}
#container:after { content:""; display:block; clear:both; height:0;}

/********************************************
	HEADER
********************************************/

#header{width:100%; height:135px; border-top:0px solid #00349e; border-bottom:0px solid #ebebeb; margin:0 auto; z-index:2;position:relative;}
#header .headWrap{position:relative;width:1200px; margin:0 auto; font-size:0; z-index:6;}
#header .headWrap .allmenu{float:left; width:300px;text-align:left;padding-top:34px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .headWrap .logo{float:left; width:600px;text-align:center;padding-top:18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .headWrap .util{float:right;width:300px;text-align:right;}
#header .headWrap .util ul{display:inline-block;padding-top:34px;}
#header .headWrap .util li{position: relative; float:left; color:#646464; padding-left:10px; margin-left:10px; font-size:11px; font-family:'Nanum Gothic'; background:url(/img/t_line.png) left center no-repeat; }
#header .headWrap .util li a{font-family:'Nanum Gothic';line-height: 28px; font-size: 11px; color:#646464;text-transform:uppercase;}
#header .headWrap .util li:first-child{background:none; padding-left:0; margin-left:0}
#header .headWrap .util li img{vertical-align:middle;padding-right:10px;}
#header .headWrap .util li.last{background:none;}

.gnb_wrap{width:100%; margin:0px auto; position:relative;}

.gnb{width:1200px;height:45px; margin:0px auto; position:relative; z-index:5;}
.gnb nav{width:1200px; margin:0px auto; position:relative; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul{display:inline-block;text-align:center;margin-top:26px;margin-left:80px;}
.gnb nav > ul > li{float:left;/* background:url(/img/gline.png) left center no-repeat; */ padding-left:63px; margin-left:63px;}
.gnb nav > ul > li:first-child{background:none; padding-left:0; margin-left:0}
.gnb nav > ul > li > a{display:block;height:30px; font-family:'NanumSquareB'; font-size:17px; color:#333; text-align:center;}
.gnb nav > ul > li.first > a{border-left:0}
.gnb nav > ul > li > a:hover{color:#0063b6;}
.gnb nav > ul > li.on > a{color:#0063b6; border-bottom:3px solid #0063b6; }
.gnb nav > ul > li.on .two-depth{display:block}
.gnb .tsns{position:absolute; right:0; top:48px; width:150px;text-align:right;}
.gnb .tsns a{margin-left:10px;}

.two-depth-bg{width:100%; height:40px; position:absolute; left:0; top:135px; background:#0063b6; opacity: 0.9; filter: alpha(opacity=90); display:block; z-index:4; display:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.two-depth{height:40px; position:absolute; left:80px; top:135px; z-index:5; display:none}
.two-depth > li{float:left;background:url(/img/t_line.png) left center no-repeat; padding-left:20px; margin-left:20px;}
.two-depth > li:first-child{background:none; padding-left:0; margin-left:0}
.two-depth > li a{height:40px; line-height:40px; font-size:13px; color:#f8f2f3}
.two-depth > li.on a{color:#fff; font-family:'Nanum Gothic Bold';}
.two-depth > li a:hover{color:#fff; font-family:'Nanum Gothic Bold';}

/* allMenu */
.allMenu_wrap { display:none; position:absolute; top:-300px;width:100%; margin:0px auto 0px; height:300px; bottom:0; z-index:990; background:#424242;opacity: 0.95; filter: alpha(opacity=95);}
.allMenu_wrap .closer { position:absolute;  top:30px;right:50px;}
.allMenu_wrap .atitle {width:1200px;margin:0 auto; padding-top:30px;}
.allMenu_wrap .alltitle {width:1200px;margin:0 auto; padding-top:30px;padding-left:0px;font-size:18px;color:#fff; font-family:'Nanum Gothic Bold';}
.allMenu_wrap .alltitle > li.left{position:relative; float:left;width:50%;font-size:18px;color:#fff; font-family:'Nanum Gothic Bold';}
.allMenu_wrap .alltitle > li.right{position:relative; float:right;width:50%;font-size:18px;color:#fff; font-family:'Nanum Gothic Bold'; text-align:right;padding-right:60px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.allMenu_wrap .list {width:1200px;margin:0 auto; padding:30px 0px 0px;margin-top:20px; border-top:1px solid #5d5c5c;}
.allMenu_wrap .list > li {position:relative; float:left;width:16%; border-left:#555 1px solid; padding-left:8px; padding-right:8px; margin-bottom:30px; height:140px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.allMenu_wrap .list > li:first-child{margin-top:0;border-left:#555 0px solid;}
.allMenu_wrap .list > li > a {display:inline-block; line-height:30px; font-size:16px;padding-left:10px; color:#fff; font-family:'Nanum Gothic Bold'; }
.allMenu_wrap .list > li:first-child > a {margin-top:0;}
.allMenu_wrap .list > li > ul {overflow:hidden; padding:10px 0 10px 0px}
.allMenu_wrap .list > li > ul > li {position:relative; margin-left:8px; margin-right:8px;}
.allMenu_wrap .list > li > ul > li a {color:#ebebeb; font-size:14px;line-height:30px; letter-spacing:-0.02em; margin-left:8px; -webkit-transition:all 0.2s; transition:all 0.2s;}
.allMenu_wrap .list > li > ul > li a:hover { color:#12a8d9;}
.allMenu_wrap .list > li > ul > li:after{position:absolute;top:50%;left:0;width:2px;height:2px;background:#f2f2f2;margin-top:-3px;display:block;clear:both;content:''}
.allMenu_wrap .list > li.sm{width:10%;}


A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.fixed{background:#fff; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }

/* footer */
.footer_wrap{clear:both; width:100%; margin:40px auto 0px; padding: 30px 0px 35px; background:url(/img/fbg.png) center top no-repeat #0a1f32; overflow:hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer_wrap:after { content:""; display:block; clear:both; height:0;}

.footer{width:1200px; margin:0px auto;}
.footer .f_logo{float:left; width:250px; text-align:left; vertical-align:top;}
.footer .f_copy{float:left; width:950px; text-align:left; vertical-align:top;font-size:0;}
.footer .f_copy .f_menu{display: inline-block;width:100%; margin-bottom:12px; text-align:left;}
.footer .f_copy .f_menu li{float:left;  background:url(/img/f_line.png) left 2px no-repeat;padding-left:15px; margin-left:10px;font-family:'Nanum Gothic Bold'; FONT-SIZE: 14px; COLOR: #f1f1f1; line-height: 14px;text-transform:uppercase;}
.footer .f_copy .f_menu li a{COLOR: #f1f1f1;}
.footer .f_copy .f_menu li:first-child{background:none; padding-left:0; margin-left:0}
.footer .f_copy p{font-family:'Nanum Gothic Bold';FONT-SIZE: 15px; line-height: 15px;COLOR: #ced6dd;margin-bottom:5px;}
address {font-style:normal; font-family:'Nanum Gothic'; FONT-SIZE: 13px; COLOR: #ced6dd; line-height: 18px;}
.footer .f_copy img{margin-top:3px;margin-left:10px;}

.select_type001{display: inline-block;width:200px;height:40px;text-indent:11px;}
.select_type001 select{display: inline-block;background: url(/img/select_bg.png) right center no-repeat #4d4d4d; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */border:1px solid #fafafa;height:40px;padding:0 0 0 5px;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family:'Nanum Gothic'; FONT-SIZE: 14px;line-height: 20px; COLOR: #fafafa;cursor:pointer;}
.select_type001 select::-ms-expand {display: none;}

.btn_up_layer {position:fixed; right:0px;bottom:148px;display:none;padding:0px;z-index:100;}

/* maincontents */
.maincontents{position: relative; width:100%;background:#e9f0f8; margin:0px auto; overflow: hidden; zoom: 1; border-top:0px solid #e9e9e9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1}
.maincontents:after { content:""; display:block; clear:both; height:0;}
.mtxt{width:1000px; left:50%; position:absolute; top:180px; margin:0 0 0 -500px;text-align:center;z-index:2}
/* mainbanner */
.rolling_wrap{position:relative; width: 2000px; left:50%; margin:0 0 0 -1000px;height: 620px; text-align:center; overflow: hidden; zoom: 1;z-index:1}

.arr-btn{width:2000px; position:absolute; left:0; top:0px}
.arr-btn .customPrevBtn{width:45px; height:60px; text-indent:-9999px; background:url(/img/m_prev.png) 0 no-repeat; position:absolute; left:340px; top:250px; cursor:pointer; z-index:100;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.arr-btn .customNextBtn{width:45px; height:60px; text-indent:-9999px; background:url(/img/m_next.png) 0 no-repeat; position:absolute; right:340px; top:250px; cursor:pointer; z-index:100;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.arr-btn .customPrevBtn:hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}
.arr-btn .customNextBtn:hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}

/* login */
.login_box{width:100%;padding:30px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_title{display: block;text-align:left;margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #b1b0b8; color: #424242; font-size:50px;line-height:50px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.login_wrap{width:100%;padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.login_wrap ul{display: inline-block;width:100%;margin-bottom:8px;}
.login_wrap .login_l{display: inline-block;width:370px; text-align:left;padding:0px;color:#858585;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap .login_r{display: inline-block;width:140px; text-align:right;padding:0px; color:#12a8d9;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap .login_c{display: inline-block;width:140px; text-align:center;padding:0px; color:#12a8d9;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap input{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}
.login_wrap input[type=checkbox] { display: none;  }
.login_wrap input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 25px;margin-right: 15px;font-family:'NanumGothic','Nanum Gothic Bold',sans-serif; font-weight:600; font-size: 13px; line-height:13px;vertical-align:top;}
.login_wrap input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 15px;height: 15px;margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #cccccc; background-color: #FFF;}
.login_wrap input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 16px; font-weight:800; color: #c30010;border:1px solid #cccccc; background:#FFF;text-align: center;line-height: 16px; } 

.login_btn{width:100%; margin:30px 0px 0px; text-align:left;padding-bottom:30px;border-bottom:1px solid #b1b0b8; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.login_btn .lbtn{display: inline-block;width:50%; text-align:left;padding:0px;}
.login_btn .rbtn{display: inline-block;width:50%; text-align:right;padding:0px;}

.login_txt{width:100%; margin:0px; padding:0px 30px; text-align:left; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_txt h2{font-family:'Nanum Gothic bold';line-height: 20px;font-size:20px;color:#12a8d9;margin-bottom:5px;}
.login_txt p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;margin-bottom:15px;}

.login_bottom{width:100%; margin-top:30px; height:50px;background:#12a8d9;}

.id_title{display: block;text-align:left;margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #b1b0b8; color: #424242; font-size:36px;line-height:36px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.id_wrap{width:100%;margin-bottom:10px;padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.id_wrap p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;}
.id_wrap label {display: block;width: 100%;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';margin-bottom:8px;}
.id_wrap input{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:15px;}
.id_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}

.id_tab{display: inline-block;width:100%;}
.id_tab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_tab li a {width: 100%; text-align: center; color: #424242; background:#f1f1f1; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; border:1px solid #dfdfdf; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.id_tab li a:hover {color: #fff;background:#145374; border:0px solid #cbcbcb;}
.id_tab li.active a {color: #fff;background:#145374; border:0px solid #cbcbcb;}
.id_tab li:first-child {margin-left: 0px;}

.id_stab{display: inline-block;width:100%; margin-bottom:25px;}
.id_stab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_stab li a {width: 100%; text-align: center; color: #424242; background:url(/img/id_tab.png) center bottom no-repeat; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.id_stab li a:hover {background:url(/img/id_tab_on.png) center bottom no-repeat; }
.id_stab li.active a {background:url(/img/id_tab_on.png) center bottom no-repeat;}
.id_stab li:first-child {margin-left: 0px;}

.id_ptab{display: inline-block;width:100%; margin-bottom:25px;}
.id_ptab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_ptab li a {width: 100%; text-align: center; color: #424242; background:url(/img/id_tab.png) center bottom no-repeat; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.id_ptab li a:hover {background:url(/img/id_tab_on.png) center bottom no-repeat; }
.id_ptab li.active a {background:url(/img/id_tab_on.png) center bottom no-repeat;}
.id_ptab li:first-child {margin-left: 0px;}

.id_stitle{display: block;text-align:left; margin-top:30px; margin-bottom:20px; color: #424242; font-size:30px;line-height:30px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.tab_content01{width:100%; overflow: hidden; text-align:left; vertical-align:top; }
.tab_content02{width:100%; overflow: hidden; text-align:left; vertical-align:top; }

.join_title{display: block;text-align:left;margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #b1b0b8; color: #424242; font-size:40px;line-height:40px;font-family:'NanumSquareR';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.join_wrap{width:100%; font-size:0; margin-bottom:10px; }
.join_wrap p{display: inline-block; font-family:'Nanum Gothic bold';line-height: 16px;font-size:13px;color: #12a8d9;padding-bottom:15px;padding-top:8px;}
.join_wrap label {display: block;width: 100%;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';margin-bottom:8px;}
.join_wrap .input100{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.join_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}
.join_wrap .col001{display: inline-block;width:330px; margin-right: 10px; text-align:left;}
.join_wrap .col002{display: inline-block;width:170px; text-align:left;}
.join_wrap .col003{display: inline-block;width:120px; margin-right: 10px; text-align:left;}
.join_wrap .col004{display: inline-block;width:380px; text-align:left; }
.join_wrap .col005{display: inline-block;width:100%; height:45px;}
.join_wrap .f18_g{display: inline-block;color:#858585;font-size:18px;line-height:45px;font-family:'Nanum Gothic'; padding-right:10px;}

.join_wrap .inputbox{display: inline-block;width:100%; border:1px solid #d4d4d5;BACKGROUND-COLOR: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .input170{display: inline-block; box-sizing: border-box;border:1px solid #dadada;background:#fff;width:170px; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:0px;}
.join_wrap .input_ok{margin:0px; width: 290px; height:45px;vertical-align:middle; color:#858585;font-size:14px;font-family:'Nanum Gothic';padding: 8px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .input_ok01{margin:0px; width: 420px; height:45px;vertical-align:middle; color:#858585;font-size:14px;font-family:'Nanum Gothic';padding: 8px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .i_btn{margin-right:2px;border:0;margin-top:0px;}
.join_wrap .i_btn img{margin:0px;padding-top:3px;}

.join_wrap select {border-radius: 2px; background: url(/img/select_arrow.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */ border:1px solid #cccccc;line-height:45px;height:45px;padding: 8px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;color:#858585;font-size:14px;font-family:'Nanum Gothic';}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.join_wrap select::-ms-expand {display: none;}
.join_wrap .col006{display: inline-block;width:80%; text-align:left;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';}
.join_wrap .col007{display: inline-block;width:20%; text-align:right;color:#858585;font-size:13px;font-family:'Nanum Gothic bold';}
.join_wrap input[type=checkbox], .join_wrap input[type=radio] {width:12px; height:12px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer}
.join_wrap .inputtemp{display: inline-block; box-sizing: border-box;border:0px solid #dadada;background:#fff;width:20px; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:0px;}


.join_wrap01{width:100%;text-align:left; padding:0px 20px 30px; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap01 h2{ font-family:'Nanum Gothic bold';line-height: 20px;font-size:20px;color: #12a8d9; margin-bottom:10px;}
.join_wrap01 p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;letter-spacing:-0.5px;}
.join_wrap01 .jbtn{display: inline-block;width:100%;margin-top:10px;text-align:center;}


.m_section01{width: 100%; height:83px; /*height:450px;*/ /*background:url(/img/m01_bg.jpg) center bottom no-repeat #2065a8;*/ overflow: hidden;}
.m_content01{position: absolute; width:960px; left:50%; margin:-90px 0px 0px -480px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;z-index: 5;}
.m_content01 li{display: inline-block; width: 300px; text-align:center;vertical-align:top; margin:0px 10px;}

.mb01{display: inline-block; width: 300px; height:174px;text-align: center; overflow: hidden;transition:transform 0.5s;transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: -webkit-transform 0.5s; cursor:pointer;position:relative;z-index:1;transition:; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); -webkit-transition: -webkit-box-shadow 0.5s, -webkit-background 0.5s; -webkit-transition-timing-function: ease-out;}
.mb01 img{display:inline; border:0;overflow:hidden;}
.mb01:hover{transform: matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); overflow:visible;z-index:1000;box-shadow: 0px 5px 10px rgba(0,0,0,0.4);}

.edu_wrap{width:1200px; margin:132px auto 0px; text-align:center; font-size:0; }
.edu_wrap .edu_left{display: inline-block; width:50%; text-align:left; padding-left:50px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.edu_wrap .edu_left p{margin-bottom:10px;font-family:'NanumSquareB';line-height:30px;font-size:30px;color: #fff;letter-spacing:-0.05em;}
.edu_wrap .edu_left h1{font-family:'GothamMedium';line-height:18px;font-size:18px;color: #cdd0d5;letter-spacing:-0.05em;background:url(/img/mt_line.png) left bottom no-repeat; padding-bottom:15px; margin-bottom:30px;}
.edu_wrap .edu_left h2{font-family:'NanumSquareR';line-height:24px;font-size:16px;color: #c5cfdf;letter-spacing:-0.05em;margin-bottom:40px;}
.edu_wrap .edu_left .ebtn{display: inline-block;text-align:left;}
.edu_wrap .edu_right{display: inline-block; width:50%;}
.edu_wrap .edu_right ul{display: inline-block; width:100%; height:80px;background:url(/img/bg01.png) center bottom no-repeat #fff;}
.edu_wrap .edu_right ul.f01{background:url(/img/bg01.png) center bottom no-repeat #eff0f2;margin:10px 0px;}

.edu{display: inline-block; width:100%;font-size:0; padding:20px 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.edu .edu_subj{display: inline-block; width:380px;text-align:left;}
.edu .edu_subj h1{font-family:'Nanum Gothic';line-height:13px;font-size:13px;color: #787674;letter-spacing:-0.05em;margin-bottom:8px;}
.edu .edu_subj h2{font-family:"Nanum Gothic Bold"; line-height:16px;font-size:16px;color: #514f4d;letter-spacing:-0.05em;margin-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.edu .edu_subj h4{font-family:'Nanum Gothic';line-height:13px;font-size:13px;color: #787674;letter-spacing:-0.05em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.edu .edu_subj p{font-family:'NanumSquareB'; line-height:24px;font-size:24px;color: #103260;letter-spacing:-0.05em; margin-top:8px;}
.edu .edu_btn{display: inline-block; width:140px;text-align:right; margin-top:0px;}


.m_content02{width:1200px;margin:40px auto 0px; overflow: hidden; font-size:0; }
.m_content02 .notice_area{float:left;width:560px; margin-right:40px; height:250px; z-index:1; position:relative;}
.m_content02 .sponsor_area{float:left;width:25%;height:250px;border:1px solid #dadada;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.m_content02 .contact_area{float:left;width:25%;height:250px;text-align: center;background: #f2f2f2; }
.m_content02 .contact_area p{font-family:'GothamBold';line-height: 26px;font-size:26px;color: #0063b6;text-transform:uppercase;letter-spacing:-0.05em;background:url(/img/contact_line.png) center bottom no-repeat; padding-bottom:15px; margin-bottom:30px; margin-top:45px;}
.m_content02 .contact_area h2{font-family:'GothamBold';line-height:34px;font-size:34px;color: #1e4679;letter-spacing:-0.05em; margin-bottom:20px;}
.m_content02 .contact_area h3{font-family:'NanumSquareR';line-height:22px;font-size:15px;color: #46494c;letter-spacing:-0.05em;}

.sponsor01{display: inline-block; width:100%; text-align:left;height:124px;padding:30px 30px 0px 30px;border-bottom:1px solid #dadada;background:url(/img/mc01.png) 215px 30px no-repeat; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.sponsor01 p{margin-bottom:10px;font-family:'NanumSquareR';line-height:20px;font-size:20px;color: #0063b6;letter-spacing:-0.05em;}
.sponsor01 h1{font-family:'NanumSquareR';line-height:20px;font-size:14px;color: #46494c;letter-spacing:-0.05em;}
.sponsor02{display: inline-block; width:100%; text-align:left;height:124px;padding:30px 15px 0px 105px;background:url(/img/mc02.png) 30px 30px no-repeat; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.sponsor02 p{margin-bottom:10px;font-family:'NanumSquareR';line-height:20px;font-size:20px;color: #0063b6;letter-spacing:-0.05em;}
.sponsor02 h1{font-family:'NanumSquareR';line-height:20px;font-size:14px;color: #46494c;letter-spacing:-0.05em;}

/* 공지사항테이블 */
.mnews_tab{width:100%; height:40px; border-bottom:1px solid #dadada; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.mnews_tab li{width: 150px; margin-left:-1px; margin-bottom:0px; float: left;}
.mnews_tab li a {width: 100%; height: 40px; text-align: center; color: #6b6b6b;  background-color: #f7f7f7;line-height: 38px; font-size: 16px;font-family:'NanumSquareR';  display: block; border:1px solid #dadada; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mnews_tab li a:hover {color: #2c2c2c;background: #fff; }
.mnews_tab li.active a {color: #2c2c2c;background: #fff;}
.mnews_tab li:first-child {margin-left: 0px;}
.mnews_tab li.last{width:100px;margin-top:-1px; height: 40px; text-align: center; color: #424242;  display: block;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #dadada;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.tab_content {width:100%; height:180px; overflow: hidden; margin: 0px; text-align:left; vertical-align:top; padding:25px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.tab_content ul{display: inline-block; width:100%; text-align:left;margin-bottom:10px;}
.tab_content li.newscont{float:left; width: 80%; text-align:left; vertical-align:top; line-height: 18px; font-size: 13px; font-family:'Nanum Gothic'; color:#424242; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.tab_content li.newsdate{float:right; width: 20%; text-align:right; vertical-align:top; line-height: 12px; font-size: 12px; font-family:'Nanum Gothic'; color:#888; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.more-btn01{width:100px; position:absolute; left:500px; top:220px; cursor:pointer; z-index:100;}

/* 공지사항테이블 end */

.gallery_area{width:100%; height:220px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; z-index:1; position:relative;}
.gallery_area .gtit{float:left; text-align:left; width:60%; height:40px;font-family:"Nanum Gothic Bold"; color: #3b3535;  font-size: 20px;line-height:20px;text-transform:uppercase;padding-top:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.gallery_area .gmore{float:right; text-align:right;width:40%; height:40px;padding-top:15px;padding-right:5px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.gallery_area ul{display: inline-block; width:100%;}
.gallery_area li{float:left; width:190px; margin-left:9px;}
.gallery_area li:first-child{margin-left:0px;}

.photo-wrap{width:190px;border:1px solid #d2d2d2;background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.photo-wrap dt{height:142px;border-bottom:1px solid #d2d2d2;text-align:center;}
.photo-wrap dt img{width:100%; height:100%;}
.photo-wrap dd{text-align:center;padding:8px 5px; overflow:hidden; color:#363636; font-size:12px; font-family:'Nanum Gothic';max-width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.photo-wrap dd a:hover{color:#17408e;}

.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 

/* ---------------------- sub ----------------------------- */

.subcontents{position: relative; width:100%;margin:0px auto;text-align:center; overflow: hidden; zoom: 1; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1}
.subcontents:after { content:""; display:block; clear:both; height:0;}
.image_list_1 {position:relative; width: 2000px; left:50%; margin:0 0 0 -1000px;height: 215px; text-align:center; overflow: hidden; zoom: 1;}
.image_list_1 div.images {z-index:1!important;}
.subtxt{width:1060px; left:50%; position:absolute; top:70px; margin:0 0 0 -530px;text-align:left;z-index:2}

/* msmenu */
.ms_select { position: relative;display:none;  margin: 0px auto 20px auto; width: 100%; min-width: 320px;color: #cccccc;vertical-align: middle; text-align: left;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none; }
.ms_select .placeholder {position: relative;display: block; background-color: #393d41;z-index: 1;padding: 10px;border-radius: 2px;cursor: pointer;}
.ms_select .placeholder:hover {background: #34383c;}
.ms_select .placeholder:after {position: absolute;right: 1em;top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);font-family: 'FontAwesome';content: '\f078';z-index: 10;}
.ms_select.is-open .placeholder:after {content: '\f077';}
.ms_select.is-open ul { display: block;}
.ms_select.select--white .placeholder {background: #fff;color: #1a1a1a; border: 1px solid #dfdede; line-height: 14px; font-size: 14px; font-family:'Nanum Gothic Bold'; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ms_select.select--white .placeholder:hover {background: #fff;color: #df1f26;}
.ms_select ul {display: none; position: absolute;overflow: hidden;width: 100%;background: #fff;border-radius: 2px;top: 100%; left: 0;list-style: none;margin: 5px 0 0 0;padding: 8px 0px;z-index:2;border: 1px solid #dfdede; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ms_select ul li {display: block;text-align: left;padding: 8px 10px;color: #555;cursor: pointer;font-family:'Nanum Gothic Bold';}
/*.ms_select ul li:hover {background: #f9f9f9;color: #555;}*/

.smenu_wrap{width:100%; margin:0px auto; padding: 0px; text-align:center; padding: 12px 0px; border-bottom:1px solid #cdcdcc; overflow:hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.smenu_wrap:after { content:""; display:block; clear:both; height:0;}
.smenu_wrap li{display: inline-block; text-align:center;}
.smenu_wrap li a{width: 100%; text-align: center; color: #727272;padding: 0px 70px; line-height:16px;font-size: 16px;letter-spacing:-0.05em;font-family:'Nanum Gothic Bold';display: block; border-right:1px solid; border-color: rgba(220,220,220,.8); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.smenu_wrap li a:hover {color: #0063b6;}
.smenu_wrap li.active a {color: #0063b6;}
.smenu_wrap li:first-child{border-left:1px solid; border-color: rgba(220,220,220,.8); }

.location{display: inline-block; width:100%; margin:15px auto 20px;text-align:right;}
.location ul{display: inline-block;}
.location li{float:left; padding:0px 10px 0px;color:#858585; font-size:13px; font-family:'Nanum Gothic'; background:url(/img/i_arr_next.png) left 6px no-repeat;}
.location li:first-child {background:none;}
.location li.active{color:#424242;}
.location li img{padding:2px 0px 0px;}

.title {display: inline-block;width:100%; text-align:center; vertical-align:top; font-family:'NanumSquareB'; color:#262626; FONT-SIZE: 35px;line-height:35px;letter-spacing:-0.05em;background:url(/img/tit_bg.png) center bottom no-repeat; padding-bottom:15px;margin-bottom:20px;}
.title p{font-family:'NanumSquareR'; color:#6f6f6f; FONT-SIZE: 20px;line-height:20px;letter-spacing:-0.05em;padding-top:10px;}

.subcont_left{width:1000px; margin:30px auto; }

.subcont_center{display: inline-block;width:100%; margin:30px auto; min-height:400px; text-align:center; vertical-align:top; }
.subcont_center .subimg05{display: inline-block;width:100%; height:772px; text-align:left; margin-bottom:40px;background:url(/img/sub05-1.png) left top no-repeat; padding-top:292px; padding-left:44px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.subcont_center .subimg01{display: inline-block;width:100%; text-align:center; margin-bottom:40px;}

.middle_tit{display: inline-block;width:100%; text-align:left; vertical-align:top; font-family:'Nanum Gothic Bold'; color:#242527; FONT-SIZE:22px;line-height:22px;letter-spacing:-0.05em;background:url(/img/i_tit.png) left 0px no-repeat; padding-left:24px;margin-bottom:20px;}
.middle_tit span{display: inline-block;font-family:'Nanum Gothic'; color:#242527; FONT-SIZE:16px;line-height:22px;letter-spacing:-0.05em;padding-left:10px;}
.middle_tit h1{font-family:'NanumSquareR'; color:#242527; FONT-SIZE:14px;line-height:18px;letter-spacing:-0.05em;padding-top:10px;}

.ptitle {width:100%;  margin:0px; text-align:left; overflow: hidden; font-family:'NanumSquareB'; color:#242527; FONT-SIZE:26px;line-height:26px;letter-spacing:-0.05em;}
.ptitle p{font-family:'NanumSquareB'; color:#7b7b7b; FONT-SIZE:18px;line-height:24px;letter-spacing:-0.05em; margin-top:20px;}
.ptitle h1{font-family:'NanumSquareR'; color:#7b7b7b; FONT-SIZE:16px;line-height:18px;letter-spacing:-0.05em;padding-left:30px;}
.ptitle h2{font-family:'NanumSquareR'; color:#242527; FONT-SIZE:18px;line-height:24px;letter-spacing:-0.05em; text-align:center;}

.product_tb{ table-layout:fixed; width:100%;margin:0px auto; border-top:2px solid #0063b6; border-bottom:1px solid #6f6f6f;  overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product_tb th {padding:12px 0px; font-size:15px;color:#2a2a2a;line-height:15px; background:url(/img/t_line01.png) left 12px no-repeat #eaf2f8; border-bottom:1px solid #cbcbcb; font-family:'Nanum Gothic Bold'; text-align: center;vertical-align:middle;}
.product_tb tr {background: #fff;}
.product_tb .nbg{background-color: rgba(240,240,240,.5);}
.product_tb .nbg01{background-color: rgba(240,240,240,.3);color:#424242;}
.product_tb .nbg02{background-color: rgba(222,235,246,.6);color:#08497f;font-family:'Nanum Gothic Bold';}
.product_tb .nbg03{background: #deecf7;}
.product_tb td {font-size:13px; line-height:18px;font-family:'Nanum Gothic'; letter-spacing:-0.05em; padding:10px 5px; text-align: center;vertical-align:middle;color:#666;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;}
.product_tb .left {text-align: left; padding-left:10px;}
.product_tb .l_line_none {border-left:0px solid #cbcbcb;background:#fcfcfc;}
.product_tb .l_line {border-left:1px solid #cbcbcb;background:#fcfcfc;}
.product_tb .l_line_bg {border-left:1px solid #cbcbcb;background:#f1f1f1;}
.product_tb .date {font-size:12px;color:#858585;letter-spacing:-0.5px;}
.product_tb .nbold {font-size:13px;color:#333;font-family:'Nanum Gothic Bold';}
.product_tb th:first-child {background:#eaf2f8;}
.product_tb input[type="checkbox"],.product_tb input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #e7e7e7; margin:0; padding:0; cursor:pointer;}

.small_txt{display: inline-block;  width:100%;  margin-top:10px; text-align:left;font-size:14px; line-height:14px;font-family:'Nanum Gothic'; letter-spacing:-0.05em;color:#858585;}

.pline{width:100%;  margin:0px; text-align:left; overflow: hidden; margin-top:50px; height:1px; background:#dfdfdf;}

/* -------------------------------------------------------------- */
.stitle {width:100%;  margin:0px; text-align:center; overflow: hidden; }
.stitle h1{display: inline-block; font-family:'GothamBold'; color: #17408e; FONT-SIZE: 30px;line-height:30px; padding-bottom:6px; border-bottom:1px solid #17408e;margin-bottom:25px;}
.stitle p{display: inline-block; font-family:'Nanum Gothic Bold'; color: #424242; FONT-SIZE: 30px;line-height:30px; padding-bottom:6px; border-bottom:1px solid #858585;margin-bottom:25px;}
.stitle h2{display: inline-block; font-family:'Nanum Gothic Bold'; color: #17408e; FONT-SIZE: 28px;line-height:28px; padding-bottom:6px; border-bottom:1px solid #858585;margin-bottom:25px;}

.tab_type6{width:1200px; margin:0px auto;}
.tab_type6 li{width: 16.66666%; margin-left: 0px; margin-bottom:0px; float: left;}
.tab_type6 li a {width: 100%; text-align: center; color: #424242;height:45px; line-height: 43px;font-size: 15px;font-family:'Nanum Gothic Bold';  display: block; border-left:1px solid; border-bottom:1px solid; border-color: rgba(28,65,115,.2);background-color: rgba(255,255,255,.9);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tab_type6 li a:hover {color: #fff;font-size: 16px; background-color: rgba(255,255,255,.2); }
.tab_type6 li.active a {color: #fff;font-size: 17px;background-color: rgba(23,64,142,.85);}
.tab_type6 li:first-child a {margin-left: 0px;border-left:0px solid;}

.tab_type5{width:1200px; margin:0px auto;}
.tab_type5 li{width: 20%; margin-left: 0px; margin-bottom:0px; float: left;}
.tab_type5 li a {width: 100%; text-align: center; color: #424242;height:45px; line-height: 43px;font-size: 15px;font-family:'Nanum Gothic Bold';  display: block; border-left:1px solid; border-bottom:1px solid; border-color: rgba(28,65,115,.2);background-color: rgba(255,255,255,.9);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tab_type5 li a:hover {color: #fff;font-size: 16px; background-color: rgba(255,255,255,.2); }
.tab_type5 li.active a {color: #fff;font-size: 17px;background-color: rgba(23,64,142,.85);}
.tab_type5 li:first-child a {margin-left: 0px;border-left:0px solid;}

.tab_type4{width:1200px; margin:0px auto;}
.tab_type4 li{width: 25%; margin-left: 0px; margin-bottom:0px; float: left;}
.tab_type4 li a {width: 100%; text-align: center; color: #424242;height:45px; line-height: 43px;font-size: 15px;font-family:'Nanum Gothic Bold';  display: block; border-left:1px solid; border-bottom:1px solid; border-color: rgba(28,65,115,.2);background-color: rgba(255,255,255,.9);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tab_type4 li a:hover {color: #fff;font-size: 16px; background-color: rgba(255,255,255,.2); }
.tab_type4 li.active a {color: #fff;font-size: 17px;background-color: rgba(23,64,142,.85);}
.tab_type4 li:first-child a {margin-left: 0px;border-left:0px solid;}

.tab_type3{width:1200px;margin:0px auto;}
.tab_type3 li{width:33.333333%; margin-left: 0px; margin-bottom:0px; float: left;}
.tab_type3 li a {width: 100%; text-align: center; color: #424242;height:45px; line-height: 43px;font-size: 15px;font-family:'Nanum Gothic Bold';  display: block; border-left:1px solid; border-bottom:1px solid; border-color: rgba(28,65,115,.2);background-color: rgba(255,255,255,.9);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tab_type3 li a:hover {color: #fff;font-size: 16px; background-color: rgba(255,255,255,.2); }
.tab_type3 li.active a {color: #fff;font-size: 17px;background-color: rgba(23,64,142,.85);}
.tab_type3 li:first-child a {margin-left: 0px;border-left:0px solid;}

.tab_type2{width:1200px; margin:0px auto;}
.tab_type2 li{width:50%; margin-left: 0px; margin-bottom:0px; float: left;}
.tab_type2 li a {width: 100%; text-align: center; color: #424242;height:45px; line-height: 43px;font-size: 15px;font-family:'Nanum Gothic Bold';  display: block; border-left:1px solid; border-bottom:1px solid; border-color: rgba(28,65,115,.2);background-color: rgba(255,255,255,.9);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tab_type2 li a:hover {color: #fff;font-size: 16px; background-color: rgba(255,255,255,.2); }
.tab_type2 li.active a {color: #fff;font-size: 17px;/*background-color: rgba(30,184,117,.8); */ background-color: rgba(23,64,142,.85);}
.tab_type2 li:first-child a {margin-left: 0px;border-left:0px solid;}


/* board list-table */
.list-table {width:100%;margin:10px auto 30px; border-top:2px solid #0063b6; border-bottom:2px solid #0063b6;  overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-table th {padding:15px 0px; font-size:15px;color:#2a2a2a;line-height:15px;font-family:'Nanum Gothic Bold'; background:#f9f9f9; text-align: center;}
.list-table tr {background-color: #fff;}
.list-table tr.nbg{background-color: rgba(222,235,246,.6);}
.list-table tr:hover {background-color: rgba(228,228,228,.1);}
.list-table td {font-size:14px; font-family:'Nanum Gothic'; padding:12px 0px; text-align: center;vertical-align:middle;color:#666;border-top: 1px solid #e7e7e7;}
.list-table td.left {text-align: left; padding-left:10px;font-family:'Nanum Gothic Bold';}
.list-table td.date {font-size:12px;color:#858585;letter-spacing:-0.5px;}
.list-table td.notice {font-size:14px;color:#08497f;font-family:'Nanum Gothic Bold';}
.list-table td:first-child, .list-table th:first-child {border-left: none;}
.list-table input[type="checkbox"],.list-table input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #e7e7e7; margin:0; padding:0; cursor:pointer;}

.col01{width:100px;}
.col02{width:150px;}
.col_a{width:auto;}


/* pagination --------------------------------------------- */
/* Customized Paging */
.pg_wrap { clear:both; }
.pg_page { /* 기본페이지 */
    width:30px !important;
    height:30px !important;
    font-size:13px;
    color:#333;
    line-height:33px;
    padding:0;
    background:#fff;
    border:0;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-align:center;
    display:inline-block;
}
.pg_page:hover {
    background:#f2f2f2;
}
.pg_current { /* 현재페이지 */
    width:30px !important;
    height:30px !important;
    font-size:13px;
    color:#fff;
    font-weight:normal;
    line-height:33px;
    margin:0;
    padding:0;
    background:#333;
    border:0;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-align:center;
    display:inline-block;
}
.pg_start { /* 처음 */
    position:relative;
    top:50%;
    width:28px !important;
    height:28px !important;
    background:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_start:after {
    position:absolute;
    top:10px;
    left:10px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    transform:rotate(45deg);
}
.pg_start:before {
    position:absolute;
    top:10px;
    left:16px;
    content:"";
    width:6px;
    height:6px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #777;
    border-left: 1px solid #777;
    transform:rotate(45deg);
}
.pg_start:hover {
    background:#fff;
    border:1px solid #333;
}
.pg_prev { /* 이전 */
    position:relative;
    top:50%;
    width:28px !important;
    height:28px !important;
    background:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_prev:after {
    position:absolute;
    top:10px;
    left:13px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    transform:rotate(45deg);
}
.pg_prev:hover {
    background:#fff;
    border:1px solid #333;
}
.pg_next { /* 다음 */
    position:relative;
    top:50%;
    width:28px !important;
    height:28px !important;
    background:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_next:after {
    position:absolute;
    top:10px;
    right:13px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid #777;
    border-right:1px solid #777;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_next:hover {
    background:#fff;
    border:1px solid #333;
}
.pg_end { /* 맨끝 */
    position:relative;
    top:50%;
    width:28px !important;
    height:28px !important;
    background:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_end:after {
    position:absolute;
    top:10px;
    right:10px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid #777;
    border-right:1px solid #777;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_end:before {
    position:absolute;
    top:10px;
    right:16px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid #777;
    border-right:1px solid #777;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_end:hover {
    background:#fff;
    border:1px solid #333;
}

.search_area {float:right; margin-right:0px; width: 100%; text-align:right;margin-bottom:10px;}
.search_area ul{display: inline-block;}
.search_area li.select_type_seach {float:left; width:100px;height:28px; margin-right:10px;}
.search_area li.select_type_seach select{display: inline-block;background: url(/img/select_arrow.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */border-bottom:1px solid #d5d5d5;border-top:0px solid #d5d5d5;border-left:0px solid #d5d5d5;border-right:0px solid #d5d5d5;height:28px;padding:0 0 0 5px;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #8a8a8a;cursor:pointer;}
.search_area li.select_type_seach select::-ms-expand {display: none;}
.search_area li.sbox{float:left; color:#5b5b5b;width: 230px; height:30px; border:1px solid #d4d4d5;BACKGROUND-COLOR: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area li img{margin:0px;padding-top:6px;}
.search_area .input01{margin:0px; width: 200px;height:28px;vertical-align:middle; font-size:12px; color:#999; padding:0px 0px 0px 5px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area .input_btn{margin-right:10px;border:0;margin-top:0px;}

/* boardView */
.boardtb {width:100%;margin:10px auto; border-top:1px solid #0063b6; border-bottom:1px solid #0063b6;  overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.boardtb .subj_box {display: inline-block;width:100%;padding:20px; background:#f7f7f7; border-bottom:1px solid #d1d1d1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .subj_box .subj{float:left; width: 70%;font-size:15px;color:#424242;line-height:15px;font-family:'Nanum Gothic Bold'; text-align:left;}
.boardtb .subj_box .date{float:right; width: 30%;font-size:13px;color:#555;line-height:14px;font-family:'Nanum Gothic Bold'; text-align:right;}
.boardtb .content_box{display: inline-block; width:100%; padding:20px; min-height:300px; text-align:left; font-size:14px;color:#737373;line-height:20px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .content_box .img{width:100%; text-align:center; margin-bottom:20px;margin-top:20px; }
.boardtb .content_box .img img{max-width:100%;}


.board_comment{width:100%; text-align:left; border:1px solid #d2d2d2;background:#f7f7f7; padding:20px 30px; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.board_comment .comment_t{width:100%;font-size:15px;line-height: 15px; color:#17408e;font-family:'Nanum Gothic Bold'; margin-bottom:15px;}
.board_comment h2{font-size:14px;line-height: 14px; color:#737373;font-family:'Nanum Gothic Bold'; margin-bottom:5px;}
.board_comment span{color:#171717;}
.board_comment p{font-size:14px;line-height: 18px; color:#737373;font-family:'Nanum Gothic Bold'; border-bottom:2px dotted #d2d2d2;margin-bottom:10px;padding-bottom:10px;}

.board_line{width:100%; border-top:1px solid #e7e7e7;margin-bottom:10px; }

.comment_wr {width:100%; font-size:0}
.comment_wr .co_text{display: inline-block;width:80%;height:80px;}
.comment_wr .co_text textarea{display: inline-block;box-sizing: border-box;width:100%;border:1px solid #d2d2d2;height:80px;padding: 5px;color:#666;font-size:12px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.comment_wr .co_text textArea:focus {outline: none;border-color:#17408e}
.comment_wr .co_btn{display: inline-block;width:18%; margin-left:2%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.page_move {width:100%;margin-top:20px;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0}
.page_move ul{display:block;border-top:1px solid #d9d9d9;}
.page_move li.prev{display: inline-block; width:200px; text-align:center; color:#858585; font-family:'Nanum Gothic Bold';font-size:14px;padding:12px 0px; background:#f3f3f3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.page_move li.prev img{margin-right:10px;margin-top:5px;}
.page_move li.prev_tit{display: inline-block; width:850px; text-align:left; padding:12px 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color:#737373;font-size:14px;font-family:'Nanum Gothic Bold';}
.page_move li.prev_date{display: inline-block; width:150px; text-align:center;padding:12px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color:#737373;font-size:13px;font-family:'Nanum Gothic Bold';}
.page_move ul:first-child{border-top:0px solid #d9d9d9;}

/* 갤러리 */
/* box-wrap */
.box-wrap {width:100%; margin: 0px auto; overflow: hidden;font-size:0;}
.box{display: inline-block; width:23%; margin:1%; text-align:left; background:#fff; border:1px solid #d8d8d8;position: relative; font-size:0;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.box .thumb{position:relative; overflow:hidden; cursor:pointer; width:100%; height:180px; border-bottom:1px solid #d8d8d8; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background: url(/img/200.png) center center no-repeat;}
.box .thumb img{width:100%;transition:all .2s ease;-webkit-transition:all .2s ease;}
.box .thumb:hover img{transform:scale(1.05); }
.box .subject{display: block; padding:12px 15px; /*border-bottom:2px dotted #d1d1d1; */ white-space:nowrap; overflow:hidden;}
.box .subject p {display: block; font-family:'Nanum Gothic Bold'; color: #424242;line-height: 13px;font-size:13px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.box .cont{display: block; padding:10px 15px; font-family:'Nanum Gothic'; color: #666;line-height: 12px;font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}


/* Write */
.wr-type_warp {width:90%;margin:0px auto;overflow:hidden; text-align:center;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; background:#fafafa;border: 1px solid #dfdede;word-wrap:break-word;padding:30px 20px 20px;}
.wr_type {width:95%;margin:0px auto 20px auto;}
.wr_type .w_row {margin-bottom: 10px; text-align:left;}
.wr_type .row:after {display: table; content: " "; clear: both; }
.wr_type .col_left {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 45%;margin-right: 5%; float: left; text-align:left;font-size:14px; }
.wr_type .col_right {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 45%;margin-left: 5%; float: left; text-align:left;font-size:14px;}
.wr_type label {display: block;width: 100%;color: #333;font-size:14px;line-height: 26px;vertical-align: middle;margin-bottom: 15px;}
.wr_type label span {display: inline-block;width: 100%; font-family:'Nanum Gothic Bold'; background: url("/img/q_icon.png") no-repeat left 10px; padding:0px 0px 0px 15px; color: #333;line-height: 20px;font-size:14px;}
.wr_type input {border-radius: 2px;display: inline-block;box-sizing: border-box;background:#fff;border:1px solid #d2d2d2;height: 30px;padding: 5px;color:#666;font-size:12px;}
.wr_type input[type="file"] {border:1px solid #d2d2d2;border-radius: 0px;padding: 0px;}
.wr_type .input05 {width: 70%;}
.wr_type .input04 {width: 34%;}
.wr_type .input03 {width: 100%;}
.wr_type label textarea { border-radius: 2px;display: block;box-sizing: border-box; border:1px solid #d2d2d2;font-size:12px;}
.wr_type label .textarea01 {width: 100%;padding: 10px 15px;resize: none; overflow-y: scroll; font-size:13px; height: 250px;line-height: 1.6em;font-size:12px;}
.textarea_box {border-radius: 2px;width: 90%;padding-left:5%;padding-right:5%;padding-top:15px;padding-bottom:15px;resize: none; line-height: 16px; font-size:12px; background:#ebebeb; color: #444; overflow-y: hidden;}
.wr_type input[type="checkbox"],.wr_type input[type="radio"]{width:12px; height:12px;vertical-align:middle;border:0; margin:0px 5px 0px 0px; padding:0; cursor:pointer;}
.w_row textArea:focus {outline: none;border-color:#17408e}
.w_row input:focus {outline: none;border-color:#17408e}
.wtxt {display: inline-block;padding:0px 0px 0px 0px; color: #555;line-height: 20px;font-size:14px;}

.w_row select {border-radius: 2px; background: url(/img/select_arrow.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */ border:1px solid #cccccc;line-height:30px;height:30px;padding:0 0 0 2px;margin:0 2px 0 0;width:100px;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.w_row select::-ms-expand {display: none;}


.mapbox{width:100%; text-align:center;border:1px solid #d8d8d8; padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.mapbox img{width:100%;}

.contacts {width:100%;margin:0px; padding-top:20px;text-align: left; }
.contacts ul {border-bottom:2px dotted #dedede;padding:10px 0px}
.contacts .ltitle {display:inline-block;width:150px;font-size:14px;color:#222;font-family:'Nanum Gothic Bold';padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.contacts .rcontent{display:inline-block;width:auto;color:#555;font-size:14px;font-family:'Nanum Gothic';line-height:24px;}

#map {width:100%; border:1px solid #d9d8d8; margin:0px auto; padding: 0px 0px 0px 0px; text-align:center; vertical-align:top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: 600px;}
.map_icon{font-size:18px;color:#0063b6; margin-right:10px}


.teacher_wrap{display:inline-block; width:100%; margin-bottom:50px; padding: 0px;}
.teacher_wrap .tc01{float:left; width:575px; margin-right:25px; text-align: left;  }
.teacher_wrap .tc02{float:right; width:575px; margin-left:25px; text-align: right;  }

.teacher_box{width:100%;text-align:left;border:1px solid #d8d8d8; padding:25px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:0;}
.teacher_box .tc_thumb{display:inline-block;width:190px; height:220px; background:#f5f5f5; text-align:left; margin-right:28px;}
.teacher_box .tc_thumb img{width:100%; height:100%;}
.teacher_box .tc_tit{display:inline-block;width:305px; text-align:left;}
.teacher_box .tc_tit p{font-family:'Nanum Gothic Bold'; background: url("/img/stit_bg.png") no-repeat left top; padding-top:15px; color: #333;line-height: 14px;font-size:14px; margin-bottom:10px;}
.teacher_box .tc_tit h2{font-family:'Nanum Gothic Bold';color: #333;line-height: 30px;font-size:30px; margin-bottom:20px;}

.tc_txt{display:inline-block; width:100%;}
.tc_txt ul{display:inline-block; width:100%;margin-bottom:8px;}
.tc_txt .tc_subj{display:inline-block; width:20%; text-align:left;font-family:'Nanum Gothic Bold';color: #363636;line-height:22px;font-size:14px;letter-spacing:-0.05em;}
.tc_txt .tc_cont{display:inline-block; width:80%; text-align:left;font-family:'Nanum Gothic';color: #787878;line-height:22px;font-size:14px;letter-spacing:-0.05em;}

.h_add{height:300px;}

.greeting{display:inline-block; width:100%; text-align:left; padding:0px 100px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.greeting p{margin-bottom:30px;font-family:'Nanum Gothic Bold';color: #787878;line-height: 1.5;font-size:18px;}
.greeting h2{margin-top:30px;font-family:'Nanum Gothic Bold';color: #787878;line-height: 1.5;font-size:16px;}
.greeting h3{margin-top:40px;font-family:'Nanum Gothic Bold';color: #424242;line-height: 24px;font-size:24px;}
.greeting h3 span{display:inline-block; margin-right:20px; line-height: 24px;font-size:16px;}


/*.mbanner02{width:100%;height:100px; padding:23px 50px 0px 40px; background:#f5f5f5; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; z-index:1;}
.mbanner02 .partner{display: inline-block; width:178px; height:55px; margin-left:10px;text-align:center;background:#fff;}
.mbanner02 .partner img{width:100%;height:100%;} */

.mbanner02{margin:30px auto 0px;width:1200px; padding:0px 40px 0px 50px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; z-index:1;}
.mbanner02 .partner{display: inline-block; width:200px; height:70px; margin-left:2%;text-align:center;background:#f5f5f5;}
.mbanner02 .partner img{width:100%;height:100%;}

.arr-btn01{width:1200px; position:absolute; left:0; top:0px}
.arr-btn01 .customPrevBtn02{width:22px; height:24px; text-indent:-9999px; background:url(/img/l_arr002.png) 0 no-repeat; position:absolute; left:10px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .customNextBtn02{width:22px; height:24px; text-indent:-9999px; background:url(/img/r_arr002.png) 0 no-repeat; position:absolute; right:10px; top:20px; cursor:pointer; z-index:100;}

.partner_wrap{display: inline-block; width:1200px; margin:0px auto 0px;text-align:center; font-size:0; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.partner_wrap ul{display: inline-block; width:100%; margin-bottom:20px;}
.partner_wrap li{display: inline-block; width:23%; margin:1%; text-align:center; background:#fff; }
.partner_wrap .pt_thumb{display: table;width:100%; height:120px; border:1px solid #d8d8d8;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.partner_wrap .pt_thumb p{display: table-cell; height:100%;  vertical-align:middle;}
.partner_wrap .pt_tit{display:inline-block;text-align:center;font-family:'Nanum Gothic Bold';color: #424242;line-height: 24px;font-size:16px; margin-top:15px; padding:0px 5px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.bg_blue{background:#145598;}

.preparing{display: inline-block; width:100%; margin:150px auto;text-align:center; }

.sponsor{display: inline-block; width:100%;text-align:left;margin-bottom:40px; }
.sponsor h2{font-family:'Nanum Gothic Bold';color: #0063b6;line-height:18px;font-size:18px; margin-bottom:10px;}
.sponsor p{font-family:'Nanum Gothic';color: #666;line-height:18px;font-size:14px;}

.sponsor_tb{display: inline-block; width:100%;text-align:left;margin-bottom:40px;font-size:0; }
.sponsor_tb h2{font-family:'Nanum Gothic Bold';color: #424242;line-height:16px;font-size:16px; margin-bottom:15px; border-bottom:1px solid #424242; padding-bottom:10px; }
.sponsor_tb ul{display: inline-block; width:100%; margin-bottom:15px; border-bottom:1px solid #e1e1e1; padding-bottom:15px; }
.sponsor_tb .sp_left{display: inline-block; width:25%;font-family:'Nanum Gothic Bold';color: #424242;line-height:1;font-size:14px; background: url("/img/icon_p01.png") no-repeat left 5px; padding-left:15px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sponsor_tb .sp_right{display: inline-block; width:75%;font-family:'Nanum Gothic Bold';color: #777;line-height:1;font-size:14px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.sponsor_tb h1{font-family:'Nanum Gothic Bold';color: #0063b6;line-height:13px;font-size:13px; margin-top:10px; }

.apply_wrap{display: inline-block;  width:1200px; margin:0px auto;text-align:left; }

.apply_txt{display: inline-block;  width:100%; margin:0px auto;text-align:left; }
.apply_txt h2{font-family:'Nanum Gothic Bold';color: #424242;line-height:24px;font-size:24px; margin-bottom:20px; }
.apply_txt p{font-family:'Nanum Gothic';color: #666;line-height:14px;font-size:14px;margin-bottom:10px;}

.calendar_t{display: inline-block;width:100%;margin-top:20px; text-align:center;background:#f8f8f8;padding:40px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.calendar_t h2{display: inline-block;font-family:'Nanum Gothic Bold';font-size:40px;line-height:40px;color: #5b5b5b;margin-bottom:15px;}
.calendar_t .month{display: inline-block;width:100%; margin-bottom:20px;}
.calendar_t .month li{display: inline-block;margin:0 5px;}


/* carendar-table */
.carendar-table {width:100%;word-wrap:break-word;}
.carendar-table th {background: #0063b6; padding: 10px 0px 12px 0px; border-left:1px solid #dbd3ca; font-size:14px; text-align:center;color:#fff; }
.carendar-table tr {border-bottom: 1px solid #dbd3ca;}
.carendar-table td {background: #fff;font-size:14px;line-height:20px;height:100px;padding:0px 10px 0px;text-align:left; vertical-align:top; color:#8b8b8b; border-left:1px solid #dbd3ca;letter-spacing:-0.05em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.carendar-table td.tbg{background: #eaeaea;}
.carendar-table td p{text-align:right; margin-top:15px;}
.carendar-table td .num{display: block;width:100%; text-align:right; font-size:18px;line-height:18px;letter-spacing:-0.05em;color:#424242;margin-bottom:5px;margin-top:10px;}
 
.carendar-table td:first-child, .carendar-table th:first-child {border-left: none;}


/* write_ty */
.write_ty {width:100%;border-top:1px solid #0063b6;}
.write_ty th {text-align:left;padding:10px 20px;font-family:'Nanum Gothic Bold';border-bottom:1px solid #d9d9d9; background:#f7f7f7;font-size:14px;linle-height:18px; color:#666;vertical-align:middle}
.write_ty th.center{text-align:center;padding:10px 10px;}
.write_ty th.dtop{padding:15px 10px 0px 10px;vertical-align:top}
.write_ty td {text-align:left;padding:10px 10px;font-family:'Nanum Gothic Bold';font-size:14px;color:#858585;border-bottom:1px solid #d9d9d9;vertical-align:middle}
.write_ty input {height:26px;background:#fff;border:1px solid #d2d2d2;border-radius:0px;transition: all 0.3s ease-out; padding:0px 0px 0px 5px;font-family:'Nanum Gothic Bold';font-size:13px;color:#858585; }
.write_ty input:hover {border-radius:0px}
.write_ty input:focus {outline: none;border-radius:0px;border-color:#0063b6}
.write_ty input[type="file"] {border: 0;}
.write_ty textArea {display: inline-block;box-sizing: border-box;width:100%;border:1px solid #d2d2d2;height:200px;padding: 5px;font-family:'Nanum Gothic Bold';font-size:13px;color:#858585;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.write_ty .textArea01{display: inline-block;box-sizing: border-box;width:100%;border:1px solid #d2d2d2;height:100px;padding: 5px;font-family:'Nanum Gothic Bold';font-size:13px;color:#858585;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.write_ty textArea:focus {outline: none;border-color:#0063b6}
.write_ty input[type=checkbox], .write_ty input[type=radio] {width:14px; height:14px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer}
.write_ty input[type="checkbox"] ~ label, .write_ty input[type="radio"] ~ label{padding:0px 15px 0px 10px}
.write_ty select{background: url(/img/select_arrow.png) right center no-repeat; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */border:1px solid #cccccc;line-height:25px;height:26px;padding:0;margin:0 2px 0 0;width:150px;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;font-family:'Nanum Gothic Bold';font-size:13px;color:#858585;}
.write_ty select::-ms-expand {display: none;}
.write_ty td p{font-size:15px;color:#0063b6;}

.agree-type01 {width:100%;margin:20px auto 10px; font-size:0;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; background:#f7f7f7;}
.agree-type01 .ag_tit{display: inline-block;width:200px; padding:10px 0px 0px 20px; font-family:'Nanum Gothic Bold';font-size:14px;color:#666; background:#f7f7f7;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.agree-type01 .ag_txt{display: inline-block;width:1000px;padding:10px;font-family:'Nanum Gothic Bold';font-size:18px;color:#666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; background:#fff;}
.agree-type01 textArea {display: inline-block;box-sizing: border-box;width:100%;border:1px solid #d2d2d2;height:100px;padding: 5px;color:#666;font-size:13px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.agree-type01 textArea:focus {outline: none;border-color:#0063b6}
.agree-type01 input[type=checkbox], .agree-type input[type=radio] {width:14px; height:14px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer}
.agree01{display: inline-block;width:100%;font-family:'Nanum Gothic';font-size:14px;color:#666;}
.agree01 input[type="checkbox"] ~ label, .agree01 input[type="radio"] ~ label{padding:0px 15px 0px 10px}

.bx_warp {width:100%;margin:0px auto;overflow:hidden; text-align:center;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; background:#fafafa;border: 1px solid #dfdede;word-wrap:break-word;padding:40px;}
.bx_warp textArea{display: inline-block;box-sizing: border-box;width:100%;border:1px solid #d2d2d2;height:500px;padding: 5px;font-family:'Nanum Gothic';font-size:13px;color:#858585;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}