@charset "utf-8";
@import url('./no2.css');

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse: collapse;}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#464646;  }
address,
em { font-style:normal }
body,input,select,textarea,a,button,h1,h2,h3,h4,h5,h6 { font-family:'Noto Sans KR', 'Noto Sans', '맑은고딕', sans-serif; font-size:14px; color: #4b4b4b; font-weight: 400;text-decoration: none; }
a:hover { text-decoration: none;}

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.bg-1{ background: #18afc2; !important }
.bg-skyblue{ background: #d5f1f4; !important }
.bg-blue{ background: #45b8c7; !important }
.org { color:#f15b26 !important }
.pri-red {color: #dc0000 !important}
.pri-gray {color: #7c7c7c !important}
.white { color:#fff !important }
.dgray { color:#303030 !important }
.dgray2 { color:#434343 !important }
.edu { color:#18afc2 !important }
.edu2 {color:#00c1da !important }
.eck { color:#07373d !important; }
.eck2 { color:#195f68 !important; }
.thin { font-weight: 300 !important;}
.edu-bg1 { background-color: #89e3ee !important}
.edu-bg2 { background: #0fa5b8 !important}
.edu-bg3 { background: #0a8b9b !important}
.edu-bg4 { background: #006f83 !important}
.eck-ov { background: #e5f2f4 !important}
.eck-ot { background: #fff !important}
.bold { font-weight:600 !important }
.mb0 { margin-bottom:0 !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb75 { margin-bottom:75px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb100 { margin-bottom:100px !important }
.mb120 { margin-bottom:120px !important }
.mr5 { margin-right:5px !important }
.mr10 { margin-right:10px !important }
.mr20 { margin-right:20px !important }
.mr30 { margin-right:30px !important }
.mr40 { margin-right:40px !important }
.mr50 { margin-right:50px !important }

.mt0 { margin-top:0 !important }
.mt5 { margin-top:5px !important }
.mt10 { margin-top:10px !important }
.mt15 { margin-top:15px !important }
.mt20 { margin-top:20px !important }
.mt30 { margin-top:30px !important }
.mt40 { margin-top:40px !important }
.mt50 { margin-top:50px !important }
.mt80 { margin-top:80px !important }
.mt100 { margin-top:100px !important }
.mt150 { margin-top:150px !important }

.pd0 { padding:0 !important }
.pdt5 { padding-top:5px !important }
.pdt15 { padding-top:15px !important }
.pdl15 { padding-left:15px !important }
.pdl0 { padding-left:0 !important }
.pdl10 { padding-left:10px !important }
.pd20 { padding: 20px; important;}
.pd10 { padding: 10px; important;}
.pd15 { padding: 15px; important;}
.pd20 { padding: 20px; important;}
.pd50 { padding:50px !important }
.none_bg { background:none !important }
.mb0 { margin-bottom:0 !important }
.gray { color:#888 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.none_bor { border:0 !important }

form { padding:0; margin:0; }
input[type="checkbox"],
input[type="radio"] { vertical-align:middle }
.green20 { color:#009e3b !important; font-size:20px !important; line-height:30px !important; }
.blue { color:#375e98 !important; }
.black { color:#444 !important; }

.under { text-decoration:underline !important }
.fb7 {font-weight: 700 !important }
.fb8 {font-weight: 800 !important }
.f0 { font-size:0 !important }
.f10 { font-size:10px !important }
.f11 { font-size:11px !important }
.f12 { font-size:12px !important }
.f14 { font-size:14px !important }
.f15 { font-size:15px !important }
.f16 { font-size:16px !important }
.f18 { font-size:18px !important }
.f20 { font-size:20px !important }
.f22 { font-size:22px !important }
.f24 { font-size:24px !important }
.f26 { font-size:26px !important }
.f30 { font-size:30px !important }
.f36 { font-size:36px !important }
.f48 { font-size:48px !important }

.clear { clear:both; }
.lh24 { line-height:24px !important }
.lh26 { line-height:26px !important }
.lh32 { line-height:32px !important }
.lh46 { line-height:46px !important }
.fl { float:left !important }
.fr { float:right !important }
.indent20 { padding-left:20px; }
.indent30 { padding-left:30px; }
.w30 { width:30% !important }
.w35 { width:35% !important }
.w40 { width:40% !important }
.w45 { width:45% !important }
.w50 { width:50% !important }
.w53 { width:53% !important }
.w55 { width:55% !important }
.w60 { width:60% !important }
.w70 { width:70% !important }
.w65 { width:65% !important }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt40 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }
.pdt60 { padding-top:60px !important; }
.pdt70 { padding-top:70px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }
.pdb60 { padding-bottom:60px !important; }
.pdb70 { padding-bottom:70px !important; }
.ml10 { margin-left:10px !important}
.ml20 { margin-left:20px !important}
.pdb0 { padding-bottom:0 !important; }
.after:after { display:block; content:''; clear:both;}
.col-box:after { display:block; content:''; clear:both;}
.col-left { float:left; }
.col-right { float:right; }
.col-box3:after { display:block; content:''; clear:both;}
.col-box3 .col { float:left; margin-left:12px; }
.col-box3 .col:first-child { margin-left:0; }
.red { color: #ef4023 !important}

.btn { display: inline-block; vertical-align: middle; background: none; border: 0;}
.btn1 { height:23px; line-height:22px; background: #525252; font-size:12px; color: #fff; padding:0 5px;}
.btn2 { height:40px; width: 180px; line-height:39px; border: 2px solid #18afc2; border-radius: 30px; background: #fff; text-align: center; font-size:15px; color: #18afc2; font-weight: 600;}
.btn3 { width: 60px; line-height:23px; background: #3ec8d9; font-size:12px; color: #fff; letter-spacing: -1px; padding:4px 16px; font-weight: 500; border-radius: 30px;}
.btn4 { height:40px; line-height:23px; background: #3f3f3f; font-size:14px; color: #fff; padding:0 15px; font-weight: 600;}
.btn5 { width: 220px; height:32px; line-height: 31px; font-size:18px; color: #fff;  background: #7d8182; padding:0 25px; border-radius: 30px; }
.btn6 { height:24px; width: 40px; line-height:23px; background: #525252; font-size:13px; color: #fff; letter-spacing: -1px; padding:0 10px; font-weight: 400;}
.btn7 { width: 160px; height:32px; line-height: 31px; font-size:18px; color: #fff;  background: #7d8182; padding:0 20px; border-radius: 30px; margin-right: 10px;}
.btn8 { width: 160px; height:32px; line-height: 31px; font-size:18px; color: #fff;  background: #3ec8d9; padding:0 20px; border-radius: 30px; }
.btn77 { width: 240px; height:32px; line-height: 31px; font-size:18px; color: #fff;  background: #7d8182; padding:0 20px; border-radius: 30px;}
.btn88 { width: 240px; height:32px; line-height: 31px; font-size:18px; color: #fff;  background: #18afc2; padding:0 20px; border-radius: 30px; }


.btn-blue { background: #21248b; }
.btn-green { background: #007a47; }
.btn-green-line { background: #fff; border: 1px solid #007a47; color: #007a47; }

.btn-inquiry { width:147px; height: 34px; line-height: 33px; font-size:16px; font-weight: 500; color: #fff; background: #212121; text-align: center;}
.btn-inquiry:before { content: ''; display: inline-block; vertical-align: middle; width:12px; height: 12px; background: url(../img/common/bu_arr.png) no-repeat 0 0 ;margin:-3px 5px 0 0;}

.reply-label { display: inline-block; vertical-align: middle; height:24px; line-height:23px; background: #9d9d9d; font-size:13px; color: #fff; padding:0 8px; font-weight: 500;}
.reply-label.end { background: #20248a; }

.radio { position: absolute;left:-9999px;}
.radio + label { padding-left: 20px; padding-top: 4px; line-height: 13px; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio_off.png) no-repeat 0 0; margin-right:7px; } 
.radio:checked + label { background: url(../img/common/radio_on.png) no-repeat 0 0;}

.radio2 { position: absolute;left:-9999px;}
.radio2 + label { padding-left: 25px; line-height: 140%; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio2_off.png) no-repeat 0 0;  padding-left: 22px; font-size:15px; color: #999; letter-spacing: -0.5px; font-weight: 400; margin-left:10px; } 
.radio2:checked + label { background: url(../img/common/radio2_on.png) no-repeat 0 0; font-size:15px; color: #00c1d9; letter-spacing: -0.5px; font-weight: 600; margin-left:10px;}


.radio3 { position: absolute; left:-9999px;}
.radio3 + label { margin-left: 10px; line-height: 140%; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio2_off.png) no-repeat 0 0;  font-size:15px; color: #999; letter-spacing: -0.5px; font-weight: 400;} 
.radio3:checked + label { background: url(../img/common/radio2_on.png) no-repeat 0 0; font-size:15px; color: #00c1d9; letter-spacing: -0.5px; font-weight: 600; margin-left: 10px; }


.radio4 { position: absolute; left:-9999px;}
.radio4 + label {  line-height: 140%; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio2_off.png) no-repeat 0 0;  font-size:15px; color: #999; letter-spacing: -0.5px; font-weight: 400;} 
.radio4:checked + label { background: url(../img/common/radio2_on.png) no-repeat 0 0; font-size:15px; color: #00c1d9; letter-spacing: -0.5px; font-weight: 600; }

.radio5 { position: absolute; left:-9999px;}
.radio5 + label {  line-height: 140%; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio2_off.png) no-repeat 0 0;  font-size:16px; color: #999; letter-spacing: -0.5px; font-weight: 500;} 
.radio5:checked + label { background: url(../img/common/radio2_on.png) no-repeat 0 0; font-size:16px; color: #999; letter-spacing: -0.5px; font-weight: 500; }


/**********************************************************************************************
	Common
**********************************************************************************************/
body { min-width:1152px; overflow: auto; margin-top: 20px;}
.inner { width:1152px; margin:0 auto;  }

.lnb { background: #fff;}
.lnb .inner { text-align: right; }
.lnb .inner select { width: 112px; height:24px; border: 0; padding-left:3px; padding-right:2px; font-size:14px; color: #808387; letter-spacing: -1px; vertical-align: middle; background: url(../img/common/btn_go_bg.png) no-repeat;
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none;
}

.lnb .inner select::-ms-expand { display: none;}

.lnb .inner a { margin-left: 15px; display: inline-block; vertical-align: middle;}
.lnb .inner a p { display: inline-block; font-size: 14px; color: #808387; letter-spacing: -0.5px; font-weight: 300;}
.lnb .inner img { vertical-align: middle; margin-left: 3px; position: relative; top: -2px;}
.lnb .inner .lb{ display: inline-block; height: 22px; font-size: 14px; color: #808387; background:#fff; border: 1px solid #cecfd0; border-radius: 30px; padding: 0 10px; line-height: 21px; letter-spacing: -0.5px; font-weight: 300;}
.lnb .inner a .lb { margin-left: -8px; display: inline-block; vertical-align: middle;}
.lnb .inner .lb2 { display: inline-block; height: 22px; font-size: 14px; color: #18afc2; background:#fff; border: 1px solid #cecfd0; border-radius: 30px; padding: 0 10px; line-height: 21px; letter-spacing: -0.5px; font-weight: 300;}

.top-admin { position: fixed; top: 0; left: 100px; margin:0 auto; width: 1152px; z-index: 9999999; }
.top-admin ul { padding: 0; }
.top-admin li a {display: inline-block; float: left; padding: 6px; height: 22px; line-height: 21px; font-size: 13px; color: #000; background:#e9fdff; letter-spacing: -0.5px; margin-right: 4px; font-weight: 500;}

.verti {display: inline-block; vertical-align: top;}
.verti2 {display: inline-block; vertical-align: bottom;}
.verti3 {display: inline-block; vertical-align: middle;}

.dsearch { display: block; content: ''; clear: both; }
.dsearch { display: none; margin:0 auto; position: absolute; left: 0; right:0; top:120px; width:1152px; height: 500px; border: 1px solid #18afc2; background: #f4f4f4; box-sizing: border-box; z-index: 999999; }
.dsearch .dtitle { display:block; height: 35px; background: #18afc2; padding: 7px 18px 0; margin-bottom: 20px; }
.dsearch .dtitle p { display:inline-block; text-align: left; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -1px; }
.dsearch .dtitle span { display:inline-block; float: right; }
.dsearch .sbox { position: relative;  clear: both;  width: 1110px; padding: 0; margin: 0 20px;}
.dsearch .sbox-left {float: left; width: 546px;}
.dsearch .sbox .sbox-left table { width:100%; border-collapse: collapse; border: 1px solid #bfbfbf; margin-bottom: 10px; background: #fff;}
.dsearch .sbox .sbox-left table thead th { height: 32px; text-align: center; background: #fff; font-size: 14px; color: #333; letter-spacing: -0.5px; border: 1px solid #bfbfbf;}
.dsearch .sbox .sbox-left table tbody th { text-align: center; height: 26px; font-size:14px; color: #333; letter-spacing: -0.5px; font-weight: 400; border: 1px solid #bfbfbf;}
.dsearch .sbox .sbox-left table tbody td { text-align: center; height: 26px; font-size:14px; color: #333; letter-spacing: -0.5px; padding:4px 2px 6px 8px; font-weight: 400; border: 1px solid #bfbfbf;}
.dsearch .sbox .sbox-left table tbody td.mint { background: #33c6d8; color: #fff; font-weight: 500; }

.dsearch .sbox .sbox-left table tbody td ul{ width: 100%;}
.dsearch .sbox .sbox-left table tbody td ul li { float: left; display:inline-block; width: 25%; height: 26px; text-align: left; font-size: 13px; }

.dsearch .sbox-left .dsearch-tab-view .dsearch-wrapper1 ul{ width: 100%; overflow: hidden; }
.dsearch .sbox-left .dsearch-tab-view .dsearch-wrapper1 ul li { float: left; display:inline-block; width: 25%; height: 36px; text-align: left; font-size: 14px; letter-spacing: -1px; line-height: 35px;  }


.dsearch .sbox-right {float: right; width: 546px; box-sizing: border-box; }
.dsearch .sbox .sbox-right table { width:100%; border-collapse: collapse; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background: #fff;}
.dsearch .sbox .sbox-right table tbody th { text-align: center; height: 26px; font-size:14px; color: #333; letter-spacing: -0.5px; padding: 4px 6px; font-weight: 400; border: 1px solid #bfbfbf;}
.dsearch .sbox .sbox-right table tbody th .bo { border-left: 0; }
.dsearch .sbox .sbox-right table tbody td { text-align: center; height: 26px; font-size:14px; color: #818181; letter-spacing: -0.5px; padding: 4px 6px; font-weight: 400; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; word-break:break-all; }
.dsearch .sbox .sbox-right table tbody td:last-child { border-right: 0; }

.dsearch-wrapper1 { width: 530px; height: 366px; overflow: auto; border: 0; }
.dsearch-wrapper2 { width: 530px; height: 109px; overflow: auto; border: 0; }
.dsearch-wrapper3 { width: 546px; height: 340px; overflow: auto; border-bottom: 1px solid #bfbfbf; font-size: 0;}


.dsearch .sbox-left .dsearch-tab:after { display:block; content:''; clear:both;}
.dsearch .sbox-left .dsearch-tab { margin:0 auto; position:relative; overflow: hidden; }
.dsearch .sbox-left .dsearch-tab:before { content:''; display:block; width:100%; height:32px; border: 1px solid ##bfbfbf; position:absolute; left:0; bottom:0; z-index:-1; }
.dsearch .sbox-left .dsearch-tab a { float:left; width:271px; height:33px; line-height:32px; text-align:center; font-size:14px; font-weight:600; color:#333; letter-spacing: -1px; background:#fff; border:1px solid #d6d6d6; margin-left:0; }
.dsearch .sbox-left .dsearch-tab a:first-child { margin-left:0; }
.dsearch .sbox-left .dsearch-tab a.active { background:#33c6d8; color:#fff; font-weight: 600;}


.dsearch .sbox-left .dsearch-tab-view { border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; padding:8px; margin-bottom:10px; background: #fff;}
.dsearch .sbox-left .dsearch-tab-view > div { display:none; }
.dsearch .sbox-left .dsearch-tab-view > div:first-child { display:block; }

.scrolltbody { display: block; width: 546px; border-collapse: collapse; }
.scrolltbody th {text-align: center; height: 26px; font-size:14px; color: #333; letter-spacing: -0.5px; padding: 4px 6px; font-weight: 400; border: 1px solid #bfbfbf;}
.scrolltbody td { text-align: center; height: 26px; font-size:12px; color: #818181; letter-spacing: -0.5px; padding: 4px 6px; font-weight: 400; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf;}
.scrolltbody tbody { display: block; height: 320px; overflow: auto; }
.scrolltbody th:nth-of-type(1), .scrolltbody td:nth-of-type(1) { width: 95px; }
.scrolltbody th:nth-of-type(2), .scrolltbody td:nth-of-type(2) { width: 270px; }
.scrolltbody th:nth-of-type(3), .scrolltbody td:nth-of-type(3) { width: 90px; }
.scrolltbody th:last-child { width: 94px; }
.scrolltbody td:last-child { width: calc( 94px - 19px ); }

#header {  position: relative; z-index:4000; height: 76px; }
#header .logo {display: inline-block; float: left; margin-left: 48px;}
#gnb { padding-left: 210px; height: 76px;  }
#gnb ul:after { display: block; content: ''; clear: both; }
#gnb ul > .m-go { position: absolute; top:10px; left: 366px;}
#gnb > ul > li { float:left; padding:0 3px; }
#gnb .btn-dep1 { display: block; font-size:18px; color: #151515; letter-spacing: -1px; font-weight: normal; padding:34px 16px 15px; position: relative; white-space: nowrap;}
#gnb > ul > li:hover .btn-dep1:before,
#gnb > ul > li.active .btn-dep1:before { color: #18afc2; font-weight: 600;}


#gnb .sub-menu { display: none; position: absolute; left: 0; right:0; top:76px; background: #fff;  border-bottom: 3px solid #18afc2; z-index: 999999; }
#gnb .sub-menu .inner { padding:2px 0 0 216px; width:936px; position: relative; height:250px; border-top: 1px solid #18afc2; border-bottom: 1px solid #b5e5eb; }
#gnb .sub-menu .title { position: absolute; left: 0; top:0; bottom:5px; width:220px; background: #f7f7f7; text-align: center;}
#gnb .sub-menu .title strong { display: block; font-size:28px; color: #171717; padding:20px 0 15px;}
#gnb .sub-menu .title p { font-size:14px; line-height: 20px; color: #757575; margin-bottom: 28px; }
#gnb > ul > li:hover .sub-menu { display: block; }

#gnb .sub-menu .clear { clear: both; overflow: hidden;}
#gnb .sub-menu .clear dl { float:left; margin-left:5px; }
#gnb .sub-menu .clear dl:first-child { margin-left:0;  }
#gnb .sub-menu .clear dl dt { font-size:14px; font-weight:600; padding:2px 0; letter-spacing: -0.5px; height: 23px;}
#gnb .sub-menu .clear dl dt a { display:block; font-size:14px; line-height:20px; color:#6e6e6e; padding:2px 0; }
#gnb .sub-menu .clear dl dt a:hover { color: #18afc2; font-weight:500; }

#gnb .sub3-menu { display: none; position: absolute; left: 0; right:0; top:76px; background: #fff;  border-bottom: 1px solid #18afc2; z-index: 999999; }

#gnb .sub3-menu .inner { padding:2px 0 0 216px; width:936px; position: relative; height:190px; border-top: 1px solid #18afc2; border-bottom: 1px solid #b5e5eb; }
#gnb .sub3-menu .title { position: absolute; left: 0; top:0; bottom:5px; width:220px; background: #f7f7f7; text-align: center;}
#gnb .sub3-menu .title strong { display: block; font-size:28px; color: #171717; padding:20px 0 15px;}
#gnb .sub3-menu .title p { font-size:14px; line-height: 20px; color: #757575; margin-bottom: 28px; }
#gnb > ul > li:hover .sub3-menu { display: block; }

#gnb .sub3-menu .clear { clear: both; overflow: hidden;}
#gnb .sub3-menu .clear dl { float:left; margin-left:5px; }
#gnb .sub3-menu .clear dl:first-child { margin-left:0;  }
#gnb .sub3-menu .clear dl dt { font-size:14px; font-weight:600; padding:2px 0; letter-spacing: -0.5px; height: 23px;}
#gnb .sub3-menu .clear dl dt a { display:block; font-size:14px; line-height:20px; color:#6e6e6e; padding:2px 0; }
#gnb .sub3-menu .clear dl dt a:hover { color: #18afc2; font-weight:500; }



#gnb .sub2-menu { display: none; position: absolute; left: 0; right:0; top:75px; border-top: 1px solid #18afc2; z-index: 99999; }
#gnb .sub2-menu .inner { position: relative; width:1153px; }
#gnb > ul > li:hover .sub2-menu { display: block; }

#gnb .sub2-menu .clear { clear: both; z-index: 999999; position: relative;}
#gnb .sub2-menu .clear dl { position: absolute; top:-11px; background: #fff; border: 1px solid #18afc2; border-top: 1px solid #fff; border-radius: 0 0 10px 10px; }
#gnb .sub2-menu .clear dl dt { font-size:14px; font-weight:600; padding: 2px; letter-spacing: -0.5px; height: 26px;  }
#gnb .sub2-menu .clear dl dt:last-child { padding-bottom: 8px; }

#gnb .sub2-menu .clear dl dt a { display:block; font-size:14px; color:#6e6e6e; padding:3px 0 4px 6px; }
#gnb .sub2-menu .clear dl dt a:hover { background: #18afc2; color: #fff; font-weight:500;  }


#gnb .sub-menu .lang { padding:0; position: relative; height:283px; padding: 10px 24px; overflow: hidden;} 
#gnb .sub-menu .lang .infot { display:block; text-align: left; font-size:14px; color:#505050; padding: 8px 0 8px 6px;}
#gnb .sub-menu .lang ul { display:block; padding: 0; margin-bottom: 5px;}
#gnb .sub-menu .lang ul:after { display:block; content:''; clear:both; }
#gnb .sub-menu .lang ul li a { float:left; width:118px; height: 32px; border: 1px solid #18AFC2; text-align:center; margin:6px 2px; border-radius: 30px; line-height: 30px; font-size: 13px; color: #18AFC2; font-weight: 600; letter-spacing: -1px; box-sizing: border-box;}
#gnb .sub-menu .lang ul li a:hover { background: #18afc2; color: #fff;}
#gnb .sub-menu .lang ul li.active { background: #18afc2; color: #fff;}
#gnb .sub-menu .lang .close { display:block; text-align: right; }

#gnb .sub-menu .glang { margin: 0 auto; width: 1150px; background: #fff; padding: 19px 5px 10px 8px; box-sizing:border-box;}
#gnb .sub-menu .glang ul { margin: 0 auto; width: 1150px; height: 680px; padding: 0; overflow: hidden;}
#gnb .sub-menu .glang ul li { float: left; display: inline-block; width: 165px; line-height: 37px; height: 38px; margin-right: 10px; text-align: center; border-bottom: 1px solid #00c1da; font-size: 17px; color: #333; font-weight: 500; letter-spacing: -0.5px;}
#gnb .sub-menu .glang ul li:last-child { margin-right: 0; }
#gnb .sub-menu .glang ul li:first-child { margin-right: 0; }
#gnb .sub-menu .glang ul li:nth-child(6) {margin-right: 0; }
#gnb .sub-menu .glang ul li:nth-child(2) { width: 50px; margin-right: 0; border-bottom: 0;}
#gnb .sub-menu .glang ul li:nth-child(7) { width: 50px; margin-right: 0; border-bottom: 0;}

#gnb .sub-menu .glang ul li dl { margin-top: 10px;  } 
#gnb .sub-menu .glang ul li dl dt a { display: block; width: 154px; line-height: 31px; height: 32px; margin-right: 30px; text-align: center; font-size: 16px; color: #818181; font-weight: 500; letter-spacing: -0.5px; } 
#gnb .sub-menu .glang ul li dl dt.active a { margin: 0 auto; width: 140px; line-height: 31px; height: 32px; border-radius: 4px; background: #00c1da; color: #fff; text-align: center; font-size: 16px; } 
#gnb .sub-menu .glang ul li dl dt a:hover { margin: 0 auto; width: 140px; border-radius: 4px; background: #00c1da; color: #fff; } 
#gnb .sub-menu .glang ul li .gbg { margin: 50px auto 0; width: 1px; height: 376px; background: #00c1da; } 




#gnb .sub3-menu .lang { padding:0; position: relative; height:283px; padding: 10px 24px; overflow: hidden;} 
#gnb .sub3-menu .lang .infot { display:block; text-align: left; font-size:14px; color:#505050; padding: 6px 0 4px 6px;}
#gnb .sub3-menu .lang ul { display:block; padding: 0; margin-bottom: 5px;}
#gnb .sub3-menu .lang ul:after { display:block; content:''; clear:both; }


#gnb .sub3-menu .lang ul li a { float:left; width:118px; height: 32px; border: 1px solid #18AFC2; text-align:center; margin:6px 2px; border-radius: 30px; line-height: 30px; font-size: 13px; color: #18AFC2; font-weight: 500; letter-spacing: -1px; box-sizing: border-box;}
#gnb .sub3-menu .lang ul li a:hover { background: #18afc2; color: #fff;}
#gnb .sub3-menu .lang ul li.active { background: #18afc2; color: #fff;}


#gnb .sub3-menu .lang .close { display:block; text-align: right; }



#gnb .sub3-menu .glang { margin: 0 auto; width: 1150px; background: #fff; padding: 19px 10px 10px 13px; box-sizing:border-box;}

#gnb .sub3-menu .glang ul { margin: 0 auto; width: 1150px; height: 400px; padding: 0; overflow: hidden;}
#gnb .sub3-menu .glang ul li { float: left; display: inline-block; width: 104px; line-height: 37px; height: 38px; margin-right: 30px; text-align: center; border-bottom: 1px solid #00c1da; font-size: 18px; color: #333; font-weight: 500; letter-spacing: -0.5px;}



#gnb .sub3-menu .glang ul li dl { margin-top: 10px;  } 
#gnb .sub3-menu .glang ul li:first-child { margin-left: 100px; }

#gnb .sub3-menu .glang ul li dl dt a { display: block; width: 104px; line-height: 31px; height: 32px; margin-right: 30px; text-align: center; font-size: 16px; color: #818181; font-weight: 500; letter-spacing: -0.5px; } 
#gnb .sub3-menu .glang ul li dl dt.active a { margin: 0 auto; width: 104px; line-height: 31px; height: 32px; border-radius: 4px; background: #00c1da; color: #fff; text-align: center; font-size: 16px; } 
#gnb .sub3-menu .glang ul li dl dt a:hover { margin: 0 auto; width: 104px; border-radius: 4px; background: #00c1da; color: #fff; } 



#gnb .sub3-menu .glang2 { margin: 0 auto; width: 1150px; background: #d9edf6; padding: 19px 10px 10px 13px; box-sizing:border-box;}

#gnb .sub3-menu .glang2 ul { margin: 0 auto; width: 1150px; height: 400px; padding: 0; overflow: hidden;}
#gnb .sub3-menu .glang2 ul li { float: left; display: inline-block; width: 104px; line-height: 37px; height: 38px; margin-right: 30px; text-align: center; border-bottom: 1px solid #00c1da; font-size: 18px; color: #333; font-weight: 500; letter-spacing: -0.5px;}



#gnb .sub3-menu .glang2 ul li dl { margin-top: 10px;  } 
#gnb .sub3-menu .glang2 ul li:first-child { margin-left: 100px; }

#gnb .sub3-menu .glang2 ul li dl dt a { display: block; width: 104px; line-height: 31px; height: 32px; margin-right: 30px; text-align: center; font-size: 16px; color: #818181; font-weight: 500; letter-spacing: -0.5px; } 
#gnb .sub3-menu .glang2 ul li dl dt.active a { margin: 0 auto; width: 104px; line-height: 31px; height: 32px; border-radius: 4px; background: #00c1da; color: #fff; text-align: center; font-size: 16px; } 
#gnb .sub3-menu .glang2 ul li dl dt a:hover { margin: 0 auto; width: 104px; border-radius: 4px; background: #00c1da; color: #fff; } 




/*
#gnb .sub-menu .clear dl { float:left; margin-right: 20px; }
#gnb .sub-menu .clear dl dt { padding-bottom: 7px; margin-bottom: 7px; }
#gnb .sub-menu .clear dl dt a { display: block; font-size:15px; color:#3b3b3b; font-weight: 500; letter-spacing: -0.5px; }
#gnb .sub-menu .clear dl dt a:hover { color:#538ed5; font-weight: 500; letter-spacing: -0.5px; }
#gnb .sub-menu .clear dl dd a { display: block; font-size:13px; line-height: 24px; color: #636363;}
*/



#header { position:relative; z-index:1000; }
.header2 { height:65px; }
.header2 .inner { position:relative; }
.header2 .search { position:absolute; left: 852px; top:32px; width:230px; height:30px; border:1px solid #bfbfbf; border-radius: 50px;}
.header2 .search input[type="text"] { position:absolute; left: 14px; width:155px; height:30px; padding-left:6px; font-size:14px; color:#8d8d8d; border:0; line-height:29px; }
.menu { position:absolute;  display:inline-block; left:226px; top:36px; width: 640px; }
.menu a { margin-right: 36px; font-size: 18px; color: #292828; font-weight: 500; letter-spacing: -1px; }
.menu a last:child { margin-right: 0; }
.srch-d { position:absolute;  left:1090px; top:34px; }
.all { position:absolute;  left:1125px; top:34px; }

h1 { position:absolute; left:20px; top:-2px; }


#quickMenu { position:absolute; left:50%; margin-left:576px; width:106px; height: 124px; top: 114px; z-index:30000; }
#quick { top:0; }
#quickMenu .bank { padding:0; text-align:center; background:#000; margin-bottom: 2px;}

#quick2Menu { position:absolute; left:50%; margin-left:590px; width:106px; height: 124px; top: 320px; z-index:30000; }
#quick2 { top:0; }
#quick2Menu .lst { padding:10px; text-align:center; border-radius: 10px; background:#eee; }
#quick2Menu .lst .prd { display:block;  margin-bottom:10px; }
#quick2 .top { padding:6px 0 15px; }

#quick3Menu { position: absolute; left:50%; margin-left:584px; width:210px; top: 660px; z-index:30000; }
#quick3 { top:0; }
#quick3Menu .lst { padding:14px 8px 10px; margin:0 auto; border: 1px solid #b5b5b5; background:#fff; }
#quick3Menu .lst .title { position: relative; display: inline-block; width: 96px; height: 22px; line-height: 21px; background: #707070; text-align: center; font-size: 12px; color: #fff; letter-spacing: -1px; font-weight: 400; border-radius: 30px; margin-bottom: 10px;}
#quick3Menu .lst .item { position: relative; display: inline-block; margin-bottom: 3px;}
#quick3Menu .lst .item .num { float: left; display: inline-block; width: 30px; margin-right: 14px;}
#quick3Menu .lst .item .num p { display: inline-block; width: 30px; height: 30px; border: 1px solid #919191; line-height: 29px; text-align: center; font-size: 15px; color: #333; letter-spacing: -1px; font-weight: 500;}
#quick3Menu .lst .item .cont { float: left; display: inline-block; width: 96px; margin-right: 14px;}
#quick3Menu .lst .item .cont p { font-size: 12px; color: #333; letter-spacing: -1px; font-weight: 500; line-height: 140%; margin-bottom: 5px;}
#quick3Menu .lst .item .cont span { display: block; font-size: 14px; color: #18afc2; letter-spacing: -1px; font-weight: 600; margin-bottom: 10px;}
#quick3Menu .lst .item .view { float: right; display: inline-block; }
#quick3Menu .lst .item .view .btn {position: relative; top: 24px; right: 0;}



#quick4Menu { position:absolute; left:50%; margin-left:590px; width:106px; height: 124px; top: 750px; z-index:30000; }
#quick4 { top:0; }
#quick4Menu .lst { padding:10px; text-align:center; border-radius: 10px; background:#eee; }
#quick4Menu .lst .prd { display:block;  margin-bottom:10px; }
#quick4 .top { padding:6px 0 15px; }


/**********************************************************************************************
	Main
**********************************************************************************************/
.main-visual { position: relative; background: url(../img/etc/ba_bg.png) no-repeat center; z-index: -99999;}
.main-visual .visual { margin: 0 auto; width:1152px; height: 628px; }
.main-visual .visual .inner { width:1148px; }
.main-visual .visual .inner div { padding-top:120px; font-size:20px; color: #2d2d2d; }
.main-visual .visual .inner div p { font-size:34px; color: #0c0c0c; }
.main-visual .visual .inner div p strong { font-size:44px;}
.main-visual .visual .visual1 { }
.main-visual .visual .visual2 { }
.main-visual .bx-pager { position: absolute; left:50%; top:650px; text-align: center;}
.main-visual .bx-pager div { display: inline-block; vertical-align: middle; margin:0 3px;}
.main-visual .bx-pager div a { display: block; width:13px; height: 13px; border: 1px solid #cfcfcf; background: #fff; border-radius:100%; text-indent: -9999px; }
.main-visual .bx-pager div a.active { background: #579cd0; border: 1px solid #cfcfcf;}
.main-visual .bx-prev { position: absolute; left: -20px; top:300px; width:29px; height: 34px; background: url(../img/main/btn_slider_prev.png) no-repeat 0 0; text-indent: -99999px;}
.main-visual .bx-next { position: absolute; right: -60px; top:300px; width:29px; height: 34px; background: url(../img/main/btn_slider_next.png) no-repeat 0 0; text-indent: -99999px;}
.main-visual .bx-controls-direction { position: absolute; left:50%; margin-left: -600px; width:1152px; top:0; }


.main-visual2 { position: relative;}
.main-visual2 .mvisual { margin: 0 auto; width:100%; height: 631px;}
.main-visual2 .mvisual .inner {  width:100%;  margin: 0 auto; }
.main-visual2 .mvisual .inner div { padding-top:120px; font-size:20px; color: #2d2d2d; }
.main-visual2 .mvisual .inner div p { font-size:34px; color: #0c0c0c; }
.main-visual2 .mvisual .inner div p strong { font-size:44px;}
.main-visual2 .mvisual.visual1 { }
.main-visual2 .mvisual.visual2 { }
.main-visual2 .bx-pager { position: absolute; left:50%; margin-left: -520px; width:1152px; top:570px;}
.main-visual2 .bx-pager div { display: inline-block; vertical-align: middle; margin:0 3px;}
.main-visual2 .bx-pager div a { display: block; width:13px; height: 13px; background: #fff; border-radius:100%; opacity: .59; text-indent: -9999px; }
.main-visual2 .bx-pager div a.active { background: #18afc2;}
.main-visual2 .bx-prev { position: absolute; left: 0; top:250px; width:29px; height: 34px; background: url(../img/main/btn_slider_prev.png) no-repeat 0 0; text-indent: -9999px;}
.main-visual2 .bx-next { position: absolute; right: 0; top:250px; width:29px; height: 34px; background: url(../img/main/btn_slider_next.png) no-repeat 0 0; text-indent: -9999px;}
.main-visual2 .bx-controls-direction { position: absolute; left:50%; margin-left: -600px; width:1152px; top:0; }
.main-visual2 .bx-sns {  position: relative; left:50%; margin-left:350px; width:300px; top:-60px;  z-index: 9999999;}
.main-visual2 .bx-sns span { display: inline-block; margin-right: 5px;}


.main-visual3 { position: relative;}
.main-visual3 .svisual { margin: 0 auto; width:100%; height: 500px;}
.main-visual3 .svisual .inner { width:1152px;  margin: 0 auto; }
.main-visual3 .svisual .inner .preview {position: relative; float: right; right: 80px; top: 300px; width: 384px; height: 167px; }
.main-visual3 .svisual .inner .preview .popul { display: inline-block; float: left; width: 76px; margin-right: 8px; }
.main-visual3 .svisual .inner .preview .popul p { padding-top: 42px; }
.main-visual3 .svisual .inner .preview .popul p span { display: inline-block; margin-bottom: 8px; width: 68px; height: 36px; border-radius: 30px; background: #00c1da; opacity: .73; font-size: 15px; font-style: italic; color: #fff; text-align: right; line-height: 35px;  letter-spacing: -1px; padding-right:10px;}
.main-visual3 .svisual .inner .preview .movie { float: right; width: 296px; height: 167px;}
.main-visual3 .svisual.visual1 { }
.main-visual3 .svisual.visual2 { }
.main-visual3 .bx-pager { position: absolute; left:50%; margin-left: -520px; width:1152px; top:470px;}
.main-visual3 .bx-pager div { display: inline-block; vertical-align: middle; margin:0 3px;}
.main-visual3 .bx-pager div a { display: block; width:13px; height: 13px; background: #fff; border-radius:100%; opacity: .59; text-indent: -9999px; }
.main-visual3 .bx-pager div a.active { background: #18afc2;}
.main-visual3 .bx-prev { position: absolute; left: 0; top:250px; width:29px; height: 34px; background: url(../img/main/btn_slider_prev.png) no-repeat 0 0; text-indent: -9999px;}
.main-visual3 .bx-next { position: absolute; right: -50px; top:250px; width:29px; height: 34px; background: url(../img/main/btn_slider_next.png) no-repeat 0 0; text-indent: -9999px;}
.main-visual3 .bx-controls-direction { position: absolute; left:50%; margin-left: -600px; width:1152px; top:0; }


.main-visual4 { position: relative;  }
.main-visual4 .evisual { margin: 0 auto; width:1152px; height: 628px; }
.main-visual4 .evisual .inner {  width:1152px; margin: 0 auto; }
.main-visual4 .evisual .inner div { padding-top:120px; font-size:20px; color: #2d2d2d; }
.main-visual4 .evisual .inner div p { font-size:34px; color: #0c0c0c; }
.main-visual4 .evisual .inner div p strong { font-size:44px;}
.main-visual4 .evisual .visual1 { }
.main-visual4 .evisual .visual2 { }
.main-visual4 .bx-pager { position: absolute; left:50%; margin-left: 450px; top:630px; width:160px; z-index: 999999;}
.main-visual4 .bx-pager div { display: inline-block; vertical-align: middle; margin:0 3px;}
.main-visual4 .bx-pager div a { display: block; width:13px; height: 13px; border: 1px solid #cfcfcf; background: #fff; border-radius:100%; text-indent: -9999px; }
.main-visual4 .bx-pager div a.active { background: #579cd0; border: 1px solid #cfcfcf;}
.main-visual4 .bx-prev { position: absolute; left: -20px; top:300px; width:29px; height: 34px; background: url(../img/main/btn_slider_prev.png) no-repeat 0 0; text-indent: -99999px;}
.main-visual4 .bx-next { position: absolute; right: -70px; top:300px; width:29px; height: 34px; background: url(../img/main/btn_slider_next.png) no-repeat 0 0; text-indent: -99999px;}
.main-visual4 .bx-controls-direction { position: absolute; left:50%; margin-left: -600px; width:1152px; top:0; }


.main-visual5 { position: relative;  }
.main-visual5 .evisual { margin: 0 auto; width:1156px; height: 449px; }
.main-visual5 .evisual .inner {  width:1156px; margin: 0 auto; }
.main-visual5 .evisual .visual1 { }
.main-visual5 .evisual .visual2 { }
/*
.main-visual5 .bx-pager { position: absolute; left:50%; margin-left: 450px; top:630px; width:160px; z-index: 999999;}
.main-visual5 .bx-pager div { display: inline-block; vertical-align: middle; margin:0 3px;}
.main-visual5 .bx-pager div a { display: block; width:13px; height: 13px; border: 1px solid #cfcfcf; background: #fff; border-radius:100%; text-indent: -9999px; }
.main-visual5 .bx-pager div a.active { background: #579cd0; border: 1px solid #cfcfcf;}
*/
.main-visual5 .bx-prev { position: absolute; left: -20px; top:200px; width:29px; height: 34px; background: url(../img/main/btn_slider_prev.png) no-repeat 0 0; text-indent: -99999px;}
.main-visual5 .bx-next { position: absolute; right: -70px; top:200px; width:29px; height: 34px; background: url(../img/main/btn_slider_next.png) no-repeat 0 0; text-indent: -99999px;}
.main-visual5 .bx-controls-direction { position: absolute; left:50%; margin-left: -600px; width:1156px; top:0; }


.main-word { position: relative;}
.main-word .mword { margin: 0 auto; width:100%; height: 631px;}
.main-word .mword .inner {  width:100%;  margin: 0 auto; }
.main-word .mword .inner div { padding-top:120px; font-size:20px; color: #2d2d2d; }
.main-word .mword .inner div p { font-size:34px; color: #0c0c0c; }
.main-word .mword .inner div p strong { font-size:44px;}
.main-word .mword .visual1 { }
.main-word .mword .visual2 { }
.main-word .bx-pager { position: absolute; left:50%; margin-left: -520px; width:1152px; top:570px;}
.main-word .bx-pager div { display: inline-block; vertical-align: middle; margin:0 3px;}
.main-word .bx-pager div a { display: block; width:13px; height: 13px; background: #fff; border-radius:100%; opacity: .59; text-indent: -9999px; }
.main-word .bx-pager div a.active { background: #18afc2;}
.main-word .bx-prev { position: absolute; left: 0; top:250px; width:29px; height: 34px; background: url(../img/main/btn_slider_prev.png) no-repeat 0 0; text-indent: -9999px;}
.main-word .bx-next { position: absolute; right: 0; top:250px; width:29px; height: 34px; background: url(../img/main/btn_slider_next.png) no-repeat 0 0; text-indent: -9999px;}
.main-word .bx-controls-direction { position: absolute; left:50%; margin-left: -600px; width:1152px; top:0; }
.main-word .bx-sns { position: relative; left:50%; margin-left:350px; width:300px; top:-60px;  z-index: 9999999;}
.main-word .bx-sns span { display: inline-block; margin-right: 5px;}


.detail-top { position: relative; border-bottom: 1px solid #434343;  }
.detail-top { padding-top: 56px; width: 100%; height: 444px; background: url(../img/common/detail_top_bg.png) repeat; }
.detail-top .dbox { overflow: hidden; margin: 0 auto; width: 1060px; height: 384px; border: 1px solid #707070; background: #8ddeec; padding:0 50px 0 70px; box-sizing:border-box; }
.detail-top .dbox .c-title { display: block; height: 40px; line-height: 39px;font-size: 28px; color: #333; font-weight: 600; letter-spacing: -1px; padding: 10px 0;  word-break: keep-all;}
.detail-top .dbox .movie { float: left; width: 430px; margin-right: 34px;}
.detail-top .dbox .movie .title { font-size: 28px; color: #333; font-weight: 600; letter-spacing: -1px; padding: 10px 0; word-wrap: normal;}
.detail-top .dbox .movie .play { width: 428px; height: 240px; position: relative; }
.detail-top .dbox .movie .play img { width: 428px; height: 240px;}
.detail-top .dbox .movie .play .pre { position: absolute; left:0; top: 200px; width: 100px; height: 40px; background: #00c1d9; text-align: center; font-size: 15px; color: #fff; line-height: 39px; z-index: 999; }

.detail-top .dbox .info { float: right; width: 466px; margin-top: 0;}
.detail-top .dbox .info table { width:100%; border-collapse: collapse; border: 0; }
.detail-top .dbox .info table tbody td .label label { padding-left: 30px; margin: 5px 0; color: #333; }
.detail-top .dbox .info table tbody th { text-align: left; height: 32px; }
.detail-top .dbox .info table tbody td { text-align: left; font-size:15px; color: #333; letter-spacing: -1px; font-weight: 500; }
.detail-top .dbox .info table tbody td .dbtn1 { display: inline-block; margin:0; width: 182px; height: 54px; background: #fff; border: 1px solid #707070; text-align: center; font-size: 16px; color: #333; line-height: 53px; }
.detail-top .dbox .info table tbody td .dbtn2 { display: inline-block; margin:0; width: 182px; height: 54px; background: #00c1d9; border: 1px solid #707070; border-left: 0; text-align: center; font-size: 16px; color: #fff; line-height: 53px; }



.detail-top4 { position: relative; border-bottom: 1px solid #434343;  }
.detail-top4 { padding-top: 56px; width: 100%; height: 544px; background: url(../img/common/detail_top_bg.png) repeat; }
.detail-top4 .dbox { overflow: hidden; margin: 0 auto; width: 1060px; height: 484px; border: 1px solid #707070; background: #8ddeec; padding:0 50px 0 70px; box-sizing:border-box; }
.detail-top4 .dbox .c-title { display: block; height: 40px; line-height: 39px;font-size: 28px; color: #333; font-weight: 600; letter-spacing: -1px; padding: 10px 0;  word-break: keep-all;}
.detail-top4 .dbox .movie { float: left; width: 430px; margin-right: 34px;}
.detail-top4 .dbox .movie .title { font-size: 28px; color: #333; font-weight: 600; letter-spacing: -1px; padding: 10px 0; word-wrap: normal;}
.detail-top4 .dbox .movie .play { width: 428px; height: 240px; position: relative; }
.detail-top4 .dbox .movie .play img { width: 428px; height: 240px;}
.detail-top4 .dbox .movie .play .pre { position: absolute; left:0; top: 200px; width: 100px; height: 40px; background: #00c1d9; text-align: center; font-size: 15px; color: #fff; line-height: 39px; z-index: 999; }

.detail-top4 .dbox .info { float: right; width: 466px; margin-top: 0;}
.detail-top4 .dbox .info table { width:100%; border-collapse: collapse; border: 0; }
.detail-top4 .dbox .info table tbody td .label label { padding-left: 30px; margin: 5px 0; color: #333; }
.detail-top4 .dbox .info table tbody th { text-align: left; height: 32px; }
.detail-top4 .dbox .info table tbody td { text-align: left; font-size:15px; color: #333; letter-spacing: -1px; font-weight: 500; }
.detail-top4 .dbox .info table tbody td .dbtn1 { display: inline-block; margin:0; width: 182px; height: 54px; background: #fff; border: 1px solid #707070; text-align: center; font-size: 16px; color: #333; line-height: 53px; }
.detail-top4 .dbox .info table tbody td .dbtn2 { display: inline-block; margin:0; width: 182px; height: 54px; background: #00c1d9; border: 1px solid #707070; border-left: 0; text-align: center; font-size: 16px; color: #fff; line-height: 53px; }




.course-top { position: relative;  }
.course-top { padding: 40px 0 20px; width: 100%; height: 100%; background: #d9edf6; box-sizing:border-box;}
.course-top .lang { margin: 0 auto; width: 1080px; }
.course-top .lang .title { text-align: left; font-size: 18px; color: #333; padding: 0 0 10px 24px; font-weight: 600; border-bottom: 4px solid #d2d2d2; margin-bottom: 14px;}
.course-top .lang ul { margin: 0 auto; width: 1058px; padding: 0; overflow: hidden;}
.course-top .lang ul li a { float: left; display: inline-block; width: 132px; height: 35px; line-height: 34px; margin-right: 20px; margin-bottom: 8px; border: 1px solid #00c1da; background: #fff; text-align: center; font-size: 15px; color: #818181; font-weight: 500; letter-spacing: -1px; }
.course-top .lang ul li:last-child a { margin-right: 0; }
.course-top .lang ul li.active a { border: 0; border: 1px solid #00c1da; background: #00c1da; color: #fff;}


/* 2019-07-04 */
.course-top2 { position: relative;  }
.course-top2 { padding: 20px 0 10px; width: 100%;  background: #d9edf6; border-bottom: 1px solid #18afc2; box-sizing:border-box;}
.course-top2 .glang { margin: 0 auto; width: 1150px; padding-left: 26px;}
.course-top2 .glang ul { margin: 0 auto; width: 1150px; height: 680px; padding: 0; overflow: hidden;}
.course-top2 .glang ul li { float: left; display: inline-block; width: 165px; line-height: 37px; height: 38px; margin-right: 10px; text-align: center; border-bottom: 1px solid #00c1da; font-size: 16px; color: #333; font-weight: 500; letter-spacing: -0.5px;}
.course-top2 .glang ul li:last-child { margin-right: 0; }
.course-top2 .glang ul li:first-child { margin-right: 0; }
.course-top2 .glang ul li:nth-child(6) {margin-right: 0; }
.course-top2 .glang ul li:nth-child(2) { width: 50px; margin-right: 0; border-bottom: 0;}
.course-top2 .glang ul li:nth-child(7) { width: 50px; margin-right: 0; border-bottom: 0;}
.course-top2 .glang ul li dl { margin-top: 10px;  } 
.course-top2 .glang ul li dl dt a { display: block; width: 154px; line-height: 31px; height: 32px; margin-right: 30px; text-align: center; font-size: 16px; color: #818181; font-weight: 500; letter-spacing: -0.5px; } 
.course-top2 .glang ul li dl dt.active a { margin: 0 auto; width: 140px; line-height: 31px; height: 32px; border-radius: 4px; background: #00c1da; color: #fff; text-align: center; font-size: 17px; } 
.course-top2 .glang ul li .gbg { margin: 50px auto 0; width: 1px; height: 376px; background: #00c1da; } 


.sub-package { height: 500px;  z-index: -99999; }
.sub-package .pac-info { position: relative; width: 1152px; height: 500px; margin: 0 auto; overflow: hidden; }
.sub-package .pac-info .pac-left { float: left; width: 315px; margin-left: 75px; }
.sub-package .pac-info .pac-left .title { display: block; font-size: 30px; color: #fff; font-weight: 500; letter-spacing: -2px; margin-bottom: 30px; padding-top: 66px; }
.sub-package .pac-info .pac-left .title span { color: #00c1d9; }
.sub-package .pac-info .pac-left .stxt { display: block; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -1px; line-height: 150%; margin-bottom: 15px;}
.sub-package .pac-info .pac-left .sname { display: block; border-top: 3px solid #171717; padding-top: 6px;  font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -1px; margin-bottom: 15px; }
.sub-package .pac-info .pac-left .moive { margin:0; }
.sub-package .pac-info .pac-left .moive img { display: block; }
.sub-package .pac-info .pac-left .moive .num a { display: inline-block; width: 18px; font-size: 13px; color: #fff; font-weight: 400; letter-spacing: -1px; margin-right: 4px; background: url(../img/sub/num_bg_off.png) repeat-x center; z-index: -99999;}
.sub-package .pac-info .pac-left .moive .num a.active{ color: #00c1d9; font-weight: 400; background: url(../img/sub/num_bg_on.png) repeat-x center; z-index: -99999;}


.sub-package .pac-info .pac-right { position: absolute;  float: right; width: 380px; right: 30px; top: 60px; border: 1px solid #aab9c0; padding: 20px 0 0; box-sizing:border-box; background: #fff;}
.sub-package .pac-info .pac-right .title { display: block; border-bottom: 3px solid #898989; font-size: 20px; color: #333; font-weight: 500; letter-spacing: -1px; margin: 0 15px 15px; padding: 0 0 10px 15px; }
.sub-package .pac-info .pac-right .item { margin: 0 auto; width: 320px; }
.sub-package .pac-info .pac-right .item p { margin-bottom: 2px; font-size: 13px; color: #333; font-weight: 500; letter-spacing: -1px; }
.sub-package .pac-info .pac-right .item em { display: inline-block; font-size: 12px; color: #333; font-weight: 500; letter-spacing: -1px; margin-left: 40px; }
.sub-package .pac-info .pac-right .item .label label {padding-left: 40px; margin-bottom: 5px; color: #333;}
.sub-package .pac-info .pac-right .item .price { display:inline-block; text-align:left;  background:#fff; padding:4px 10px 12px 0; }
.sub-package .pac-info .pac-right .item .price span { display:inline-block; vertical-align:middle; padding:0;}
.sub-package .pac-info .pac-right .item .price span.pr1 {display:inline-block; font-size:14px; font-weight:400; color:#999; margin:0 20px 0 0; letter-spacing: -0.5px;}
.sub-package .pac-info .pac-right .item .price span.pr2 {display:inline-block;  font-size:24px; font-weight:700; color:#cc0000; letter-spacing: -1px; }
.sub-package .pac-info .pac-right .item .price span.pr3 {font-size:14px; font-weight:500; color:#333; margin-left:10px; letter-spacing: -0.5px;}
.sub-package .pac-info .pac-right .item-btn { margin: 0 auto; width: 100%; border-top: 1px solid #707070; padding: 0;}
.sub-package .pac-info .pac-right .item-btn .bleft p { display:inline-block; float: left; width: 186px; border-right: 1px solid #707070; padding-top: 15px; height: 53px; font-size: 14px; color: #333; font-weight: 600; box-sizing:border-box;}
.sub-package .pac-info .pac-right .item-btn .bright p { display:inline-block; width: 192px; background: #00c1d9; padding-top: 15px; height: 53px; font-size: 15px; color: #fff; font-weight: 600; box-sizing:border-box;}
.sub-package .pac-info .pac-right .item-btn .bleft a {  font-size: 14px; color: #333; font-weight: 600; }
.sub-package .pac-info .pac-right .item-btn .bright a {  font-size: 14px; color: #fff; font-weight: 600; }


/*
.visual-box { position: relative; margin-bottom: 45px; }
.visual-box .article { height: 631px; background: url(../img/main/main_01.jpg) repeat-x 50% 0;}
.visual-box .article1 { height: 631px; background: url(../img/main/main_02.jpg) repeat-x 50% 0;}
.visual-box .article2 { height: 631px; background: url(../img/main/main_03.jpg) repeat-x 50% 0;}
.visual-box .article3 { height: 631px; background: url(../img/main/main_04.jpg) repeat-x 50% 0;}
.visual-box .bx-pager { position: absolute; left: 0; right:0; bottom:15px; text-align: center;}
.visual-box .bx-pager div { display: inline-block; vertical-align: middle; margin:0 3px;}
.visual-box .bx-pager div a { display: block; width:13px; height: 13px; background: #c1c1c1; border-radius:100%; text-indent: -9999px; }
.visual-box .bx-pager div a.active { background: #1050a0;}
.visual-box .bx-prev { position: absolute; left: 0; top:200px; width:35px; height: 35px; background: url(../img/common/btn_prev.png) no-repeat 0 0; text-indent: -9999px;}
.visual-box .bx-next { position: absolute; right: 0; top:200px; width:35px; height: 35px; background: url(../img/common/btn_next.png) no-repeat 0 0; text-indent: -9999px;}
.visual-box .bx-controls-direction { position: absolute; left:50%; margin-left: -600px; width:1152px; top:0; }
*/

.sub-visual { height: 160px; background: #18afc2; border-bottom:2px solid #7e7e7e;}
.sub-visual .txt1 { padding: 42px 0 0; font-size:32px; color: #fff; line-height: 30px; font-weight: 600; letter-spacing: -1px;}
.sub-visual .txt1 span { display: inline-block; font-size:20px; color: #fff; font-weight: 300; letter-spacing: -1px;}
.sub-visual .txt2 { float: right; position: relative; right: 0; top: -50px; }
.sub-visual .txt2 span {display: inline-block; width:180px; height: 42px;border: 2px solid #fff; border-radius: 30px; line-height: 41px; font-size:20px; color: #fff; text-align: center; font-weight: 500; letter-spacing: -0.5px; }


.tabs-bar { position: relative; width: 961px; background: #18afc2; height: 57px;}
.tabs-bar .line { position: absolute; left: 15px; top: 25px; }
.tabs-bar .line .dash { width: 32px; height: 6px; border-radius : 2px; background : #fff; }
.tabs-bar .line .title { display: inline-block; margin: -30px 0 0 42px; width: 120px; height: 33px; border-radius : 16px; border: 3px solid #fff; vertical-align: middle; }
.tabs-bar .line .title p {text-align: center; font-size: 18px; padding-top: 2px; font-weight: 600; color: #fff; letter-spacing: -1px; }


.prd-list-box { width: 959px; margin:10px auto; border: 1px solid #18afc2; border-radius : 10px; } 
.prd-list-box ul { padding: 20px 30px;}
.prd-list-box ul:after { display:block; content:''; clear:both; }
.prd-list-box ul li { float:left; width:210px; text-align:center;  margin:10px 7px; }
.prd-list-box ul li a,
.prd-list-box ul li a span  { display:block; font-weight:600; font-size:16px; line-height:24px; }
.prd-list-box ul li a .thum { margin-bottom:15px; }
.prd-list-box ul li a .subj { font-size:18px; color:#4f4f4f; font-weight: 500; letter-spacing: -1px; max-height:40px; overflow:hidden; }
.prd-list-box ul li a .st { font-size:14px; color:#18afc2; letter-spacing: -1px;  font-weight: 400; margin-bottom:4px;}
.prd-list-box ul li a .etc { font-size:12px; color:#999; letter-spacing: -1px;  font-weight: 400; }
.prd-list-box ul li a { position:relative; }
.prd-list-box ul li a .best { position:absolute; left:0; top:0; width:75px; height:66px; background:#3b3b3b; }
.prd-list-box ul li a .best b { display:block; text-align:center; font-size:14px; line-height:1em; color:#fff; padding:10px 0 4px; }
.prd-list-box ul li a .best strong { display:block; text-align:center; font-size:24px; font-weight:900; color:#fff; }
.prd-list-box ul li a .best.red { background:#ff3535; }
.prd-list-box ul li.banner { width:586px; }
.prd-list-box.col3 { padding-top:50px; } 
.prd-list-box.col3 ul li { width:382px; }
.prd-list-box ul li.bx-prev { position:absolute; left:0; top:76px; width:14px; height:22px; background:url(../img/main/btn_slide_prev.png) no-repeat 0 0; text-indent:-9999px; }
.prd-list-box ul li.bx-next { position:absolute; right:0; top:76px; width:14px; height:22px; background:url(../img/main/btn_slide_next.png) no-repeat 0 0; text-indent:-9999px; }

.prd2-list-box { width: 959px; margin:10px auto; border: 1px solid #18afc2; border-radius : 10px; } 
.prd2-list-box ul { padding: 20px 30px;}
.prd2-list-box ul:after { display:block; content:''; clear:both; }
.prd2-list-box ul li { float:left; width:210px; text-align:center;  margin:10px 7px; }
.prd2-list-box ul li a,
.prd2-list-box ul li a span  { display:block; font-weight:600; font-size:16px; line-height:24px; }
.prd2-list-box ul li a .thum { margin-bottom:15px; }
.prd2-list-box ul li a .subj { font-size:18px; color:#4f4f4f; font-weight: 500; letter-spacing: -1px; max-height:40px; overflow:hidden; }
.prd2-list-box ul li a .st { font-size:14px; color:#18afc2; letter-spacing: -1px;  font-weight: 400; margin-bottom:4px;}
.prd2-list-box ul li a .etc { font-size:12px; color:#999; letter-spacing: -1px;  font-weight: 400; }
.prd2-list-box ul li a { position:relative; }
.prd2-list-box ul li a .best { position:absolute; left:0; top:0; width:75px; height:66px; background:#3b3b3b; }
.prd2-list-box ul li a .best b { display:block; text-align:center; font-size:14px; line-height:1em; color:#fff; padding:10px 0 4px; }
.prd2-list-box ul li a .best strong { display:block; text-align:center; font-size:24px; font-weight:900; color:#fff; }
.prd2-list-box ul li a .best.red { background:#ff3535; }
.prd2-list-box ul li.banner { width:586px; }
.prd2-list-box.col3 { padding-top:50px; } 
.prd2-list-box.col3 ul li { width:382px; }


.prd-list2-box { width: 948px; margin:10px auto; }
.prd-list2-box .srh { border-bottom: 4px solid #18afc2; border-radius: 10px; padding: 0; margin-bottom: 20px;}
.prd-list2-box .srh p { padding: 0 0 10px 25px; font-size: 18px; color: #333; font-weight: 500; letter-spacing: -1px;}
.prd-list2-box .srh p span { color: #18afc2; font-weight: 600; }
.prd-list2-box ul { padding: 15px 30px 25px; }
.prd-list2-box ul:after { display:block; content:''; clear:both; }
.prd-list2-box ul li { float:left; width:210px; text-align:center;  margin:10px 5px; }
.prd-list2-box ul li a,
.prd-list2-box ul li a span  { display:block; font-weight:600; font-size:16px; line-height:24px; }
.prd-list2-box ul li a .thum { margin-bottom:10px; }
.prd-list2-box ul li a .subj { font-size:17px; color:#4f4f4f; font-weight: 500; letter-spacing: -1px; max-height:40px; overflow:hidden; }
.prd-list2-box ul li a .show { display:inline-block; text-align: center; margin-bottom:5px;}
.prd-list2-box ul li a .show .show-y { display: inline-block; vertical-align: middle; width:54px; height: 24px; line-height: 23px; text-align: center; background: fff; border: 1px solid #da9f00; border-radius: 20px; font-size:14px; color: #da9f00; font-weight: 500;}
.prd-list2-box ul li a .show .show-b { display: inline-block; vertical-align: middle; width:54px; height: 24px; line-height: 23px; text-align: center; background: fff; border: 1px solid #18afc2; border-radius: 20px; font-size:14px; color: #18afc2; font-weight: 500;}
.prd-list2-box ul li a .etc { font-size:12px; color:#999; letter-spacing: -1px;  font-weight: 400; }
.prd-list2-box ul li a { position:relative; }
.prd-list2-box ul li a .best { position:absolute; left:0; top:0; width:75px; height:66px; background:#3b3b3b; }
.prd-list2-box ul li a .best b { display:block; text-align:center; font-size:14px; line-height:1em; color:#fff; padding:10px 0 4px; }
.prd-list2-box ul li a .best strong { display:block; text-align:center; font-size:24px; font-weight:900; color:#fff; }
.prd-list2-box ul li a .best.red { background:#ff3535; }
.prd-list2-box ul li.banner { width:586px; }

.rela-box:after { display:block; content:''; clear:both; }
.rela-box { margin:10px auto; } 
.rela-box .title-bar { display:block; height: 4px; background: #18afc2; border: 1px solid #18afc2; border-radius: 30px; margin: 0 0 30px;}
.rela-box .title { display:inline-block; padding-left: 20px; } 
.rela-box .title p { display:inline-block; background: #18afc2; width: 100px; height: 30px; line-height: 29px; font-size: 14px; color: #fff; font-weight: 500; letter-spacing: -1px; text-align: center; margin-right: 10px; border-radius: 20px;} 
.rela-box .title span { color: #707070; font-weight: 600;} 
.rela-box ul { padding: 10px 10px 5px;}
.rela-box ul:after { display:block; content:''; clear:both; }
.rela-box ul li { float:left; width:170px; text-align:center;  margin:10px 8px; }
.rela-box ul li a,
.rela-box ul li a span  { display:block; font-weight:600; font-size:16px; line-height:20px; }
.rela-box ul li a .thum { margin-bottom:12px; }
.rela-box ul li a .subj { font-size:15px; color:#4f4f4f; font-weight: 500; letter-spacing: -1px; max-height:40px; overflow:hidden; }
.rela-box ul li a .etc { font-size:12px; color:#999; letter-spacing: -1px;  font-weight: 400; }
.rela-box ul li a { position:relative; }

.detail-menu:after { display:block; content:''; clear:both;}
.detail-menu { margin:0 0 20px 2px; position:relative; }
.detail-menu:before { content:''; display:block; width:100%; border-collapse: collapse;}
.detail-menu a { float:left; width:286px; height:44px; line-height:43px; text-align:center; font-size:15px; font-weight:400; color:#474747; background:#fff; border-top:1px solid #898989; border-bottom:1px solid #898989; border-right:1px solid #898989; box-sizing:border-box:}
.detail-menu a:first-child { border-left:1px solid #898989;}
.detail-menu a.active { background:#00c1d9; color:#fff; font-size:16px; font-weight:500; border: 0; height:46px; line-height:45px; }

.detail-book-view { padding:20px 60px 0; margin-bottom:20px; font-size:13px; color: #515151; line-height:150%;}
.detail-book-view .icon {float: left; width:90px; margin-right: 20px; display:block; }
.detail-book-view .info { display:inline-block; margin-top: 30px; width:922px;}
.detail-book-view .info strong { display:block; font-size: 18px; color: #18afc2; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 10px;}
.detail-book-view .info .stx { border-left: 4px solid #18afc2; padding-left: 20px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.5px; line-height: 170%;}

.detail-book-cont { padding:10px 2px; margin-bottom:70px;}
.detail-book-cont table { width:100%; border-collapse: collapse; padding: 6px 10px; border-bottom: 4px solid #89e3ee; margin-bottom: 10px;}
.detail-book-cont table thead th { height: 40px; text-align: center; background: #3ec8d9; font-size: 16px; color: #fff;}
.detail-book-cont table tbody th { text-align: center; font-size:16px; color: #333; letter-spacing: -0.5px; font-weight: 400; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.detail-book-cont table tbody td { text-align: center; font-size:16px; color: #333; letter-spacing: -0.5px; padding:10px; font-weight: 400;  border:1px solid #ccc;  }

.search-title { border-bottom: 4px solid #d2d2d2; margin-bottom: 30px; height: 40px;}
.search-title p { padding-left: 20px; font-size: 18px; color: #333; font-weight: 600; letter-spacing: -1px;}

.detail-book:after { display:block; content:''; clear:both; }
.detail-book { position:relative; margin:10px 0 20px; padding: 30px; height: 350px;}
.detail-book-no { position:relative; margin:10px 0 20px; padding: 30px; height: 100px;}
.detail-book-no .bk { margin: 0 auto; background: #fff; }
.detail-book-no .bk p { text-align: center; line-height: 50px; font-size: 24px; color: #474747; letter-spacing: -1px;}
.detail-book .tion { overflow: hidden; display:block; position:relative; }
.detail-book .tion .photo {float:left; width: 230px; margin-right:15px; padding: 20px 0 0 70px; height: 270px;}
.detail-book .tion .photo span { margin-left: 60px;}
.detail-book .tion .info { float:left; display:block; width: 730px;  border-bottom: 2px solid #d2d2d2; }
.detail-book .tion .info .st { clear:both; font-size:20px; font-weight: 500; color: #333; letter-spacing: -1px; position: relative; padding:10px 0 0 10px; letter-spacing: -1px; }
.detail-book .tion .info span { display:inline-block; font-size:14px; line-height: 16px; color: #999; margin-bottom: 2px; font-weight: 400; letter-spacing: -0.5px; padding:0 0 10px 10px;}
.detail-book .tion .info span em {  color: #0048da; font-weight: 500; }
.detail-book .tion .sa { float:left; display:block; width: 480px; padding: 20px 10px; } 
.detail-book .tion .sa p { display:block; margin-bottom: 2px;} 
.detail-book .tion .sa strong { display:inline-block;  background: #707070; width: 80px; height: 24px; line-height: 23px; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: -0.5px; text-align: center; margin-right: 30px; border-radius: 20px;} 
.detail-book .tion .sa span { font-size: 14px; color: #333; font-weight:500; letter-spacing: -0.5px;} 
.detail-book .tion .down { float:right;  position:absolute; right: 70px; top: 110px; } 

.detail-book .tion .price { float:left; display:block; width:700px;  padding:20px 20px 10px 12px; height:40px; border-top: 1px solid #d2d2d2;}
.detail-book .tion .price span { display:inline-block; vertical-align:middle; padding:0;}
.detail-book .tion .price span.pr1 {display:inline-block; font-size:18px; font-weight:500; color:#999; margin-right:20px; letter-spacing: -0.5px;}
.detail-book .tion .price span.pr2 { font-size:18px; font-weight:700; color:#cc0000; letter-spacing: -1px; }

.detail-book .tion .lect-r { display:block; content:''; clear:both; }
.detail-book .tion .lect-r .cart { float:right; display: block; padding: 10px; overflow: hidden; width: 340px; position:relative; margin-right: 30px;}
.detail-book .tion .lect-r .cart .go {float: left; display:inline-block; width: 44px; margin-right: 2px; border: 1px solid #00c1da; height: 42px; text-align: center; line-height: 40px;  box-sizing:border-box;}
.detail-book .tion .lect-r .cart .cart-btn1 { float: left; display:inline-block; margin-right: 2px; width: 142px; height: 42px; border:1px solid #00c1da; text-align: center; line-height: 40px; font-size: 15px; color: #00c1da; font-weight: 600;  box-sizing:border-box;}
.detail-book .tion .lect-r .cart .cart-btn2 { float: left; display:inline-block; width: 142px; height: 42px; background: #00c1da; text-align: center; line-height: 42px; font-size: 15px; color: #fff; font-weight: 600;  box-sizing:border-box;}



.detail-book-review { padding:10px 0; margin-bottom:30px;}
.detail-book-review .write { text-align: right;}
.detail-book-review table { width:100%; border-collapse: collapse; padding: 6px 10px; margin-bottom: 12px;}
.detail-book-review table thead th { height: 40px; text-align: center; background: #fff; font-size: 15px; color: #7d7d7d;  border-top:3px solid #5d5d5d;  border-bottom:1px solid #b9b9b9; }
.detail-book-review table tbody td { text-align: center; font-size:15px; color: #5d5d5d; letter-spacing: -0.5px; padding: 10px; font-weight: 400;  border-bottom:1px solid #b9b9b9; }

.detail-book-tea:after { display:block; content:''; clear:both; }
.detail-book-tea { margin:10px 2px 20px; border: 1px solid #b5b5b5; padding:18px 30px 0; }
.detail-book-tea .tion {  }
.detail-book-tea .tion .photo {float:left; width: 250px; margin-right:15px; padding-left: 10px; vertical-align: bottom;}
.detail-book-tea .tion .photo span { margin-left: 60px;}
.detail-book-tea .tion .info { float:left; display:block; width: 740px;  border-bottom: 2px solid #d2d2d2; padding-left: 15px; }
.detail-book-tea .tion .info .st { clear:both; display:block; font-size:13px; font-weight: 400; color: #999; letter-spacing: -1px; position: relative; letter-spacing: -1px; padding-top: 20px; }
.detail-book-tea .tion .info strong { display:inline-block; font-size:24px; color: #333; margin-bottom: 4px; font-weight: 600;  letter-spacing: -0.5px; }
.detail-book-tea .tion .info2 { float:left; display:block; width: 95%;  border-bottom: 2px solid #d2d2d2; padding-left: 15px; }
.detail-book-tea .tion .info2 .st { clear:both; display:block; font-size:13px; font-weight: 400; color: #999; letter-spacing: -1px; position: relative; letter-spacing: -1px; padding-top: 20px; }
.detail-book-tea .tion .info2 strong { display:inline-block; font-size:24px; color: #333; margin-bottom: 4px; font-weight: 600;  letter-spacing: -0.5px; }
.detail-book-tea .tion .sa { float:left; display:block; width: 680px; padding: 20px 10px; } 
.detail-book-tea .tion .sa p { display:block; margin-bottom: 2px; font-size: 14px; color: #999; line-height: 150%; letter-spacing: -0.5px; font-weight: 300;}  
.detail-book-tea .tion .sa strong { display:inline-block;  background: #707070; width: 100px; height: 26px; line-height: 25px; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: -0.5px; text-align: center; margin-bottom: 10px; border-radius: 20px;} 



.product-detail-view { padding:10px 30px; margin-bottom:50px; font-size:13px; color: #515151; line-height:150%;}
.product-detail-cont { padding:10px 0; margin-bottom:70px;}
.product-detail-cont table { width:100%; border-collapse: collapse; padding: 6px 10px; border-bottom: 4px solid #89e3ee; margin-bottom: 10px;}
.product-detail-cont table thead th { height: 40px; text-align: center; background: #3ec8d9; font-size: 14px; color: #fff;}
.product-detail-cont table tbody th { text-align: center; font-size:14px; color: #333; letter-spacing: -0.5px; font-weight: 400; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.product-detail-cont table tbody td { text-align: left; font-size:14px; color: #333; letter-spacing: -0.5px; padding: 8px 5px 8px 30px; font-weight: 400;  border-bottom:1px solid #ccc; }



.product-detail-lect2:after { display:block; content:''; clear:both; }
.product-detail-lect2 { margin:10px 0 20px; border: 1px solid #b5b5b5; padding: 15px; height: 130px; position: relative;}
.product-detail-lect2 .tion { overflow: hidden;  position: relative; }
.product-detail-lect2 .tion .photo { float:left; margin-right:25px;}
.product-detail-lect2 .tion .photo img { width: 235px; height: 131px;}
.product-detail-lect2 .icon {position: absolute; left:0px; top:0; width: 31px; height: 26px; z-index: 999;}
.product-detail-lect2 .icon2 {position: absolute; left:36px; top:0; width: 31px; height: 26px; z-index: 999;}
.product-detail-lect2 .icon3 {position: absolute; left:72px; top:0; width: 31px; height: 26px; z-index: 999;}

.product-detail-lect2 .tion .info { float:left; width: 490px; border-bottom: 2px solid #707070; margin: 0 10px 8px 0;  }
.product-detail-lect2 .tion .info .st { display:block; font-size:20px; font-weight: 500; color: #333; letter-spacing: -1px; position: relative; padding:5px 0 0 15px; letter-spacing: -1px; }
.product-detail-lect2 .tion .info span {  display:inline-block; font-size:16px; line-height: 16px; color: #18afc2; margin-bottom: 2px; font-weight: 500; letter-spacing: -0.5px; padding:0 0 6px 15px;}
.product-detail-lect2 .tion .sa { float:left; width: 480px; padding: 0 0 8px 10px; } 
.product-detail-lect2 .tion .sa p { display:inline-block; background: #707070; width: 52px; padding: 2px 12px; height: 22px; line-height: 21px; font-size: 15px; color: #fff; font-weight: 400; letter-spacing: -1px; text-align: center; margin-right: 2px; border-radius: 20px;} 
.product-detail-lect2 .tion .sa span {display:inline-block; width: 170px; font-size: 15px; color: #333; font-weight:500; letter-spacing: -1px; } 
.product-detail-lect2 .tion .sa span:last-child {width: 140px;} 
.product-detail-lect2 .tion .lect-r { float: right; position: absolute; top: 20px; right: 0; width: 350px; }
.product-detail-lect2 .tion .lect-r .price { display: block; padding: 10px; overflow: hidden; }
.product-detail-lect2 .tion .lect-r .price .pr { float: left; display: inline-block; margin-right: 18px; font-size: 24px; color: #999; letter-spacing: -1px; font-weight: 500; }
.product-detail-lect2 .tion .lect-r .price .pr span { display: inline-block;  margin-left: 30px; }
.product-detail-lect2 .tion .lect-r .price .sale { float: right; display: inline-block; font-size: 24px; color: #d00000; letter-spacing: -1px; font-weight: 500; }

.product-detail-lect2 .tion .lect-r .cart { display: block; padding: 10px; overflow: hidden; width: 340px; }
.product-detail-lect2 .tion .lect-r .cart .go {float: left; display:inline-block; width: 44px; margin-right: 2px; border: 1px solid #00c1da; height: 42px; text-align: center; line-height: 40px;  box-sizing:border-box;}
.product-detail-lect2 .tion .lect-r .cart .cart-btn1 { float: left; display:inline-block; margin-right: 2px; width: 142px; height: 42px; border:1px solid #00c1da; text-align: center; line-height: 40px; font-size: 15px; color: #00c1da; font-weight: 600;  box-sizing:border-box;}
.product-detail-lect2 .tion .lect-r .cart .cart-btn2 { float: left; display:inline-block; width: 142px; height: 42px; background: #00c1da; text-align: center; line-height: 42px; font-size: 15px; color: #fff; font-weight: 600;  box-sizing:border-box;}


.product-detail-review { padding:10px 0; margin-bottom:30px;}
.product-detail-review .write { text-align: right;}
.product-detail-review table { width:100%; border-collapse: collapse; padding: 6px 10px; margin-bottom: 12px;}
.product-detail-review table thead th { height: 40px; text-align: center; background: #fff; font-size: 15px; color: #7d7d7d;  border-top:3px solid #5d5d5d;  border-bottom:1px solid #b9b9b9; }
.product-detail-review table tbody td { text-align: center; font-size:15px; color: #5d5d5d; letter-spacing: -0.5px; padding: 10px; font-weight: 400;  border-bottom:1px solid #b9b9b9; }



.mp3-box { width: 948px; margin:10px auto; }
.mp3-box ul { padding: 10px 20px; }
.mp3-box ul:after { display:block; content:''; clear:both; }
.mp3-box ul li { float: left; width: 828px; border: 1px solid #c9c9c9; border-radius: 20px; padding: 25px 40px; margin-bottom: 10px;}
.mp3-box ul li .photo {float:left; margin-right:25px;}
.mp3-box ul li .info { overflow: hidden;}
.mp3-box ul li .info h4 { font-size:22px; font-weight: 500; color: #4f4f4f; letter-spacing: -1px; position: relative; padding:10px 0; margin-bottom: 10px; letter-spacing: -1px; border-bottom: 2px solid #898989; }
.mp3-box ul li .info h5 { font-size:20px; color: #181818; letter-spacing: -1px; padding-bottom: 7px; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; }
.mp3-box ul li .info .txt { font-size:15px; line-height: 20px; color: #999; margin-bottom: 12px; }
.mp3-box ul li span  { display:inline-block; font-weight:600; font-size:16px; line-height:24px; }
.mp3-box ul li .thum { margin-right:30px; }
.mp3-box ul li .subj { font-size:17px; color:#4f4f4f; font-weight: 500; letter-spacing: -1px; max-height:40px; overflow:hidden; }
.mp3-box ul li .show { display:inline-block; text-align: center; margin-bottom:5px;}
.mp3-box ul li .etc { font-size:12px; color:#999; letter-spacing: -1px;  font-weight: 400; }
.mp3-box ul li a { position:relative; }


/* 패키지 리스트 */
.package-list { width:100%; margin:0 auto 10px; padding-top:10px; } 
.package-list ul { width:1152px; margin:0 auto; font-size: 0; }
.package-list ul:after { display:block; content:''; clear:both; }
.package-list ul li { float:left; width:316px; border:1px solid #b5b5b5; margin:0 52px 30px 0; padding: 15px; }
.package-list ul li:nth-child(3n) { margin-right:0; }
/*.package-list ul li a:hover { border:1px solid #0096ff; }*/
.package-list ul li a { display:inline-block;  text-align:center; }
.package-list ul li a .thum { width:316px; height: 176px; box-sizing:border-box;}
.package-list ul li a .thum img { width:316px; height: 176px; box-sizing:border-box;}
.package-list ul li a span { display:inline-block; }
.package-list ul li a .box { text-align:left; width: 316px; padding:11px 15px; background:#fff; border-bottom:2px solid #707070; box-sizing:border-box;}
.package-list ul li a .box .txt1 { display:inline-block; height: 40px; font-size:15px; color:#999; font-weight:500; margin-bottom:5px; letter-spacing: -1px; border-left: 2px solid #00c1da; padding: 6px 24px 6px 12px; }
.package-list ul li a .box .txt2 { width: 285px; font-size:20px; font-weight:500; color:#333; letter-spacing: -1px; margin-bottom:10px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.package-list ul li a .price { display:block; padding:0; margin: 15px 4px 2px 15px;}
.package-list ul li a .price span { display:inline-block; vertical-align:middle; padding:0;}
.package-list ul li a .price span.pr1 {display:inline-block; font-size:16px; font-weight:500; color:#999; margin-right:20px; letter-spacing: -0.5px;}
.package-list ul li a .price span.pr2 { font-size:28px; font-weight:700; color:#cc0000; letter-spacing: -1px; }

.package-list ul li a .p-price { display: block; padding: 20px 6px 4px; overflow: hidden; margin-bottom: 15px; }
.package-list ul li a .p-price .pr { float: left; display: inline-block; margin-right: 18px; font-size: 20px; color: #999; letter-spacing: -1px; font-weight: 500; }
.package-list ul li a .p-price .pr span { margin-left: 28px; }
.package-list ul li a .p-price .sale { float: right; display: inline-block; text-align: right; font-size: 20px; color: #d00000; letter-spacing: -1px; font-weight: 500; }
.package-list ul li a .cart { display:inline-block; padding: 0;}

.package-list .tab { width: 1126px;  border: 1px solid #b5b5b5; height: 30px; line-height: 29px; font-size: 18px; color: 333; letter-spacing: -1px; text-align: left; padding-left: 20px;}




.package-my { width:100%; display:inline-block; margin:0 auto; padding:10px 0 20px; font-size:0; }
.package-my .img-wrap { display:inline-block; float: left; background: #f5f5f5; width: 333px; padding: 20px; margin-top:0; height: 300px; text-align: center; box-sizing:border-box; }
.package-my .img-wrap img { width: 293px; height: 173px; }
.package-my .img-wrap .st { display:inline-block; padding: 0 15px; font-size: 15px; color: #999; font-weight: 500; letter-spacing: -1px; margin-top: 25px; line-height: 150%; }
.package-my .img-wrap .st span { font-size: 18px; color: #999; font-weight: 700; }
.package-my .select-wrap { overflow: auto; display:inline-block; float: left; background: #fff; width: 458px; padding: 20px 24px 20px 16px; border: 1px solid #b5b5b5; margin-right:0; height: 300px; box-sizing:border-box; }
.package-my .select-wrap .subt {font-size: 22px; color: #333; font-weight: 600; letter-spacing: -1px; margin-bottom: 15px; padding-left: 4px; }
.package-my .select-wrap .label label {padding-left:26px; }
.package-my .select-wrap p { margin-bottom: 10px; }

.package-my .order-wrap { display:inline-block; float: right; background: #fff; width: 360px; padding: 20px 21px; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; margin: 0; height: 300px; box-sizing:border-box; }
.package-my .order-wrap .label label {padding-left:34px; }
.package-my .order-wrap p { margin-bottom: 10px; }
.package-my .order-wrap .cart { display:block; padding:0; }
.package-my .order-wrap .price { display:block; padding:0; margin: 5px 0 15px; }
.package-my .order-wrap .price span { display:inline-block; vertical-align:middle; padding:0;}
.package-my .order-wrap .price span.pr1 {display:inline-block; font-size:16px; font-weight:500; color:#999; margin-right:20px; letter-spacing: -0.5px;}
.package-my .order-wrap .price span.pr2 { font-size:28px; font-weight:700; color:#cc0000; letter-spacing: -1px; }



.books-slide:after { display:block; content:''; clear:both; }
.books-slide { position: relative; width: 1152px;}
.books-slide .tion {  margin:0 0 40px; padding: 0 50px; }
.books-slide .tion .photo {float:left; margin:0 50px 0; }
.books-slide .tion .photo img { width: 150px; }
.books-slide .tion .info { float:left; width: 480px; border-bottom: 2px solid #d2d2d2; padding-top: 0; }
.books-slide .tion .info .st { display:block; font-size:20px; font-weight: 500; color: #333; letter-spacing: -1px; position: relative; padding:10px 0 0 10px; letter-spacing: -1px; height: 50px;}
.books-slide .tion .sa { float:left; width: 480px; padding: 15px 0; } 
.books-slide .tion .sa p { display:inline-block; padding: 2px 14px; line-height: 24px; font-size: 14px; color: #999; font-weight: 400; letter-spacing: -1px;} 
.books-slide .tion .lect-r { float:right; position: relative; top: 100px; right: 80px; }
.books-slide .tion .lect-r p { display:block; background: #00c1d9; width: 150px; height: 38px; line-height: 37px; font-size: 14px; color: #fff; font-weight: 500; letter-spacing: -1px; text-align: center; margin-bottom: 5px; }
.books-slide .bx-prev { position: absolute; left: 0; top:25%; margin-top:0; width:21px; height: 102px; background: url(../img/common/icon-big-arrow-left.png) no-repeat 0 0; text-indent: -9999px; }
.books-slide .bx-next { position: absolute; right: 0; top:25%; margin-top:0; width:20px; height: 102px; background: url(../img/common/icon-big-arrow-right.png) no-repeat 0 0; text-indent: -9999px;  }


.hr {display:block; content:''; clear:both;  height: 1px; background: #5d5d5d; margin: 15px 0;}
.hr-g {display:block; content:''; clear:both;  height: 1px; background: #aaa; margin: 15px 0;}
.hr2 {display:block; content:''; clear:both;  height: 2px; background: #9e9e9e; margin: 15px 0 5px;}
.hr3 {display:block; content:''; clear:both; margin:10px auto; width: 90%; height: 1px; background: #fff; }
.hr4 {display:block; content:''; clear:both; margin:10px auto; width: 100%; height: 1px; background: #fff; }

.more {display: block; margin-bottom: 15px;}


.partner { position: relative; padding:0 25px; margin-bottom: 50px;}
.partner p { text-align: center; margin-right: 30px;}
.partner .bx-prev { position: absolute;left: 0; top:60%; margin-top:-10px; width:20px; height: 20px; background: url(../img/main/btn_slider_partner_prev.png) no-repeat 0 0; text-indent: -9999px; }
.partner .bx-next { position: absolute;right: 0; top:60%; margin-top:-10px; width:20px; height: 20px; background: url(../img/main/btn_slider_partner_next.png) no-repeat 0 0; text-indent: -9999px; }

/*
.pac-list { width: 100%;  } 
.pac-list ul { border:1px solid #9cdbe3; }
.pac-list ul li { border-bottom:1px solid #9cdbe3; }
.pac-list ul li.active { border-bottom:1px solid #18afc2; }

.pac-list ul li a { display:block; overflow:hidden; font-size:16px; color:#333;  font-weight:500; padding:8px 170px; position:relative;  letter-spacing: -0.5px;}
.pac-list ul li a span { color:#18afc2; font-weight:600;}
.pac-list ul li a strong { position:absolute; left:52px; top:10px; font-size:13px; color:#18afc2;  letter-spacing: -0.5px;  font-weight:400;}
.pac-list ul li.active a strong { color:#fff; }
.pac-list ul li.active a span { color:#fff; }

.pac-list ul li a + .a { display:none; margin: 4px; padding:18px 0 18px 185px; height: 110px; background:#f5f5f5; position:relative; font-size:12px; line-height:22px; color:#555; }
.pac-list ul li a + .a .tit { position:absolute; left:0; top:0; font-size:14px; color:#383838; font-weight:600; width: 162px; display: inline-block; text-align: center;}
.pac-list ul li a + .a .tit img { display: block; margin: 10px 10px 4px;}
.pac-list ul li a + .a .tit span { text-align: center;}
.pac-list ul li a + .a .txt { display: inline-block; font-size:15px; color:#514f4f; font-weight:500; letter-spacing: -1px; margin-top: 18px;}
.pac-list ul li.active a + .a { display:block; }
.pac-list ul li.active a { background: #18afc2; color: #fff; }
*/



.main-custom { width:948px; margin: 0 auto;}
.main-custom .col-left, 
.main-custom .col-right { width:456px;}
.main-custom .col-right .end { width:456px; height: 3px; background: #18afc2; margin-top: 9px;}
.main-custom .tit { margin-bottom: 15px;}
.main-custom .tit .btn-more { position: absolute; right:13px; bottom:7px;}
.main-custom .box { background: #18afc2; height: 66px; line-height: 65px; text-align: center; font-size: 28px; color: #fff; font-weight: 500;}
.main-custom table { width:100%; border-collapse: collapse; padding: 6px 10px;}
.main-custom table tbody th { height: 40px; text-align: center; }
.main-custom table tbody th .subt {display: inline-block; vertical-align: middle; width: 80px; height: 30px; font-size:15px; color: #fff; font-weight: 400; background: #18afc2; border-radius:30px; line-height: 29px; letter-spacing: -0.5px;}
.main-custom table tbody td { height: 40px; text-align: left; font-size:18px; color: #747474; letter-spacing: -0.5px; padding-left: 6px; font-weight: 500;}
.main-custom .list { border-top:3px solid #18afc2; border-bottom:3px solid #18afc2;  }
.main-custom .list li { height: 40px; line-height: 39px; border-bottom: 1px solid #b9b9b9; position: relative; padding:0 20px; }
.main-custom .list li:last-child { border-bottom: 0;}
.main-custom .list li a { display: block; font-size:15px; color: #5d5d5d; letter-spacing: -0.5px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.main-custom .list li span { position: absolute; right:15px; top:0; font-size:12px; color: #565656;}


.books-detail:after { display:block; content:''; clear:both; }
.books-detail { margin-bottom:20px; border-bottom: 2px solid #18afc2; padding-bottom: 20px;}
.books-detail .title { display: inline-block; height: 36px; font-size: 18px; color: #333; font-weight: 500; letter-spacing: -1px; padding-left: 40px; line-height: 35px; margin-top:20px; }
.books-detail .title span { color: #18afc2; font-weight: 600; margin-right: 15px;}
.books-detail .title-bar { display:block; height: 4px; background: #18afc2; border: 1px solid #18afc2; border-radius: 30px; margin: 5px 0 30px;}
.books-detail .col-left { float:left; width:256px; }
.books-detail .col-left .big { margin-bottom:13px; text-align: right;}
.books-detail .col-right { float:left; width:684px; margin-left:21px; } 
.books-detail .detail-info .subt { font-size:24px; color:#333; font-weight: 600; padding:10px 15px; letter-spacing: -1px; border-bottom:2px solid #898989; margin-bottom:18px; }
.books-detail .detail-info .option-table { padding-bottom:18px; border-bottom:1px solid #898989; }
.books-detail .detail-info .option-table table { width:100%; border-collapse:collapse; }
.books-detail .detail-info .option-table table th {text-align:center; font-weight:normal; height: 30px;}
.books-detail .detail-info .option-table table th .st {display: inline-block; vertical-align: middle; width: 60px; height: 26px; font-size:12px; color: #fff; font-weight: 500; background: #707070; border-radius:30px; line-height: 25px; letter-spacing: -0.5px; text-align: center;}
.books-detail .detail-info .option-table table td { padding: 4px 0 0 30px; font-size:12px; color:#333; font-weight:500; letter-spacing: -0.5px; }
.books-detail .detail-info .option-table table td strong { color:#ff8400; font-weight: 600; font-size:14px; }
.books-detail .detail-info .option-table table td span { color:#bc0000; font-weight: 500; padding-left: 10px;}

.books-detail .detail-info .option-table table td select { width:200px; height:33px; padding-left:10px; font-size:16px; color:#181818; }
.books-detail .detail-info .option-table table td input { vertical-align:middle; }
.books-detail .detail-info .option-table table td input[type="text"] { width:30px; height:22px; border:0; text-align:center; font-size:13px; color:#181818; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.books-detail .detail-info .option-box {}
.books-detail .detail-info .option-box .option h4 { font-size:14px; color:#181818; padding:13px 0 8px; }
.books-detail .detail-info .option-box .option h4 span { font-weight:normal; }
.books-detail .detail-info .option-box .option .option-detail { padding:11px 18px; background:#e8e8e8; }
.books-detail .detail-info .option-box .option .option-detail table { width:100%; border-collapse:collapse; }
.books-detail .detail-info .option-box .option .option-detail table td { font-size:16px; color:#414141; }
.books-detail .detail-info .option-box .option .option-detail table td .opt3 { color:#181818; }
.books-detail .detail-info .option-box .option .option-detail table td .opt2 input { vertical-align:middle; }
.books-detail .detail-info .option-box .option .option-detail table td .opt2 input[type="text"] { width:30px; height:22px; border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-size:16px; color:#181818;  }
.books-detail .detail-info .option-box .total { padding:18px 60px 16px 0; border-bottom:1px solid #808080; overflow:hidden; }
.books-detail .detail-info .option-box .total .tit { float:left; font-size:18px; font-weight:600; color:#181818; }
.books-detail .detail-info .option-box .total .price { float:right; font-size:22px; font-weight:600; color:#ff2a00; }
.books-detail .detail-info .btns { padding-top:12px; text-align:right; }
.books-detail .detail-info .btns a { display:inline-block; vertical-align:middle; margin:0 2px; padding:12px 33px; font-size:18px; font-weight:500; width: 120px; height: 24px; line-height: 23px; letter-spacing: -1px; text-align:center; }
.books-detail .detail-info .btns a.btn1 { background:#18afc2; color:#fff; border-radius: 50px;}
.books-detail .detail-info .btns a.btn2 { background:#fff; border:2px solid #18afc2; border-radius: 50px; color:#18afc2;  height: 22px; line-height: 21px; }


.main-tabs { width:1148px; margin: -70px auto 70px; border-left: 26px solid #fff; border-right: 26px solid #fff;  background: #fff; height: 290px; font-size:0; padding-top:25px; position: relative; z-index:3000; }
.main-tabs a { display: inline-block; vertical-align: top; width:371px;  margin-right:17px;}
.main-tabs a:last-child { margin-right: 0; }
.main-tabs a p { display: block; text-align: left; padding-left: 10px; font-size:24px; font-weight: 600; color: #000; letter-spacing: -1px; margin-bottom: 10px;}
.main-tabs a span { display: block;  text-align: left; padding: 0 20px 0 10px;  font-size:15px; color: #5d5d5d; line-height: 20px; font-weight: 400;  letter-spacing: -0.5px;}



.main-latests { width:1152px; margin: 0 auto;}
.main-latests .col-left,
.main-latests .col-right { width:580px; }
.main-latests .tit { text-align: center; font-size:20px; font-weight: 500; color: #0f0f0f; letter-spacing: -0.5px; padding-bottom: 10px; position: relative; }
.main-latests .tit .btn-more { position: absolute; right:13px; bottom:7px;}
.main-latests .table1 table { width:100%; border-collapse: collapse;}
.main-latests .table1 table thead th { height: 44px; text-align: center; font-size:14px; color: #3262626; border-top:2px solid #666; border-bottom: 1px solid #666; }
.main-latests .table1 table tbody td { height: 30px; border-bottom: 1px solid #dadada; text-align: center; font-size:12px; color: #565656; letter-spacing: -1px; }

.main-latests .list { border-top:2px solid #666; }
.main-latests .list li { height: 36px; line-height: 35px; border-bottom: 1px solid #dadada; position: relative; padding:0 80px 0 15px; }
.main-latests .list li a { display: block; font-size:13px; color: #565656; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.main-latests .list li span { position: absolute; right:15px; top:0; font-size:12px; color: #565656;}

.current { display: inline-block; vertical-align: middle; width:61px; height: 24px; line-height: 23px; text-align: center; font-size:13px; color: #fff; background: #007b49; font-weight: 500; }
.current.ing { background: #007b49; }
.current.end { background: #242424; }

.main-pass { height:470px; background: #fff; margin-bottom: 50px; }
.main-pass .inner { position: relative;}
.main-pass .title { position: absolute; padding-top: 20px; }
.main-pass .title h1 { text-align: center; font-size: 36px; color: #000; font-weight: 700; letter-spacing: -1px; margin-bottom: 10px;}
.main-pass .title  .img { width: 100%; }



#footer:after { display: block; content: ''; clear: both; }
#footer { display: block; width: 100%; padding-bottom: 10px; background: #5d5d5d; margin-top: 50px; }
#footer .inner { position: relative;}
#footer .nav { height:48px; border-bottom: 1px solid #333e4b; text-align: center; padding:0 50px;}
#footer .nav a { display: inline-block; vertical-align: middle; line-height: 46px; font-size:15px; color: #dcdcdc; letter-spacing: -0.5px; font-weight: 500; margin-right: 170px;}
#footer .nav a:hover { color: #538ed5;}
#footer .nav a:last-child { margin-right: 0; }
#footer .sm {  display: inline-block;  margin: 20px 0 0 15px; }
#footer .sm a { font-size:12px; color: #fff; font-weight: 400; margin-right: 20px; }
#footer .addr { position: relative; font-size:11px;  line-height: 18px; color: #ddd; font-weight: 300; padding:13px; }
#footer .addr img { text-align: center; margin: 5px 0;}
#footer .addr strong { font-size:14px; color: #fff; font-weight: 600;}
#footer .site { position: absolute; right: 0; top: 45px; }
#footer .site select { width: 120px; height:24px; border: 1px solid #e5e5e5; padding-left:10px; font-size:12px; color: #333; vertical-align: middle;}


.path { height:34px; border-bottom: 1px solid #eaeaea; line-height: 33px; font-size:13px; color: #a5a5a5; margin-bottom: 35px; }
.path img { margin:-3px 4px 0 4px;}
.path .last { color: #595959; }

#container-edu:after { display: block; content: ''; clear: both;}
#container-edu { width:100%; margin: 0 auto; padding: 0;}
#container-edu .eck-info { height: 500px; background: url(../img/etc/eck_info_01.jpg) no-repeat center; z-index: -9999;}
#container-edu .eck-info .box { position: relative; margin: 0 auto; width: 1152px; }
#container-edu .eck-info .box .mv { position: absolute; display: inline-block; top: 210px; left: 196px; padding:0;}
#container-edu .eck-info .box .bt { position: absolute; display: inline-block; top: 422px; left: 850px; padding:0;}

#container-edu .eck-info2 { height: 667px; background: url(../img/etc/eck_info_02.png) no-repeat center; z-index: -9999;}
#container-edu .main-word {  background:#d9edf6; }
#container-edu .main-word .word { width: 1040px; margin: 0 auto;}
#container-edu .main-word .word .title { display: block; padding: 55px 0 20px 25px; }
#container-edu .main-word .word .bn { display: block; width: 13px; height: 13px; border-radius: 50%; background-color: #fff; opacity: .59; text-indent: -999999px; font-size: 0;  box-sizing: border-box; }
#container-edu .main-word .word .item { display: block; width: 500px;}
#container-edu .main-word .word .item .im {display: inline-block; width: 142px; margin: 0 20px 0 40px; }
#container-edu .main-word .word .item .im img { display: inline-block; margin-bottom: 15px; }
#container-edu .main-word .word .item .im p { font-size: 14px; color: #514f4f; letter-spacing: -1px; font-weight: 400; text-align: center;}
#container-edu .main-word .word .item .result { display: inline-block; vertical-align: top;}
#container-edu .main-word .word .item .result p { font-size: 16px; color: #514f4f; letter-spacing: -1px; font-weight: 400; margin-bottom:6px;}
#container-edu .main-word .word .go { display: block; text-align: right; padding-bottom: 30px;}

#container-edu .main-package { width: 1062px; margin: 0 auto; padding: 100px 0 30px; }
#container-edu .main-package .title { display: block; margin-bottom: 50px; }
#container-edu .main-package ul {  display: block;  padding: 0; margin-bottom: 30px;  }
#container-edu .main-package ul:after { display:block; content:''; clear:both; }
#container-edu .main-package ul li { padding: 0; }
#container-edu .main-package ul li:last-child { margin-right: 0; }
#container-edu .main-package ul li { float: left; width: 338px; margin-right: 20px; border: 1px solid #d2d2d2; padding: 0; }
#container-edu .main-package ul li img { display: block; margin-bottom: 20px; width: 338px; }
#container-edu .main-package ul li a .p-title { display: block; padding-left: 20px; font-size: 17px; color: #343434; letter-spacing: -1px; font-weight: 600; margin-bottom: 4px;}
#container-edu .main-package ul li a .p-st { display: block; padding-left: 20px; font-size: 14px; color: #343434; letter-spacing: -1px; font-weight: 400; margin-bottom: 20px;}
#container-edu .main-package ul li a .p-price { display: block; text-align: right; margin: 0 15px 15px 0; font-size: 26px; color: #d00000; letter-spacing: -1px; font-weight: 600; }
#container-edu .main-package ul li a .p-price span { font-size: 18px; font-weight: 500; }
#container-edu .main-package .more { display: block; clear: both; text-align: right; }



#container-edu .main-one { height: 440px; background:#343434; }
#container-edu .main-one .info { width: 1040px; margin: 0 auto; padding-top: 100px;}
#container-edu .main-one .info .movie { float: left; width: 610px; margin-right: 40px; }
#container-edu .main-one .info .movie ul { display: block; padding:0; width: 610px;}
#container-edu .main-one .info .movie ul:after { display:block; content:''; clear:both; }
#container-edu .main-one .info .movie ul li { float: left; width: 194px; margin-right: 6px; padding: 0; }
#container-edu .main-one .info .movie ul li:last-child { margin-right: 0; }
#container-edu .main-one .info .movie ul li img { display: block; margin-bottom: 16px; width: 194px; }
#container-edu .main-one .info .movie ul li .o-title { display: block; padding-left: 8px; font-size: 15px; color: #fff; letter-spacing: -1px; font-weight: 400; margin-bottom: 4px;}
#container-edu .main-one .info .movie ul li .o-st { display: block; padding-left: 8px; font-size: 14px; color: #14cadf; letter-spacing: -1px; font-weight: 400; margin-bottom: 15px;}
#container-edu .main-one .info .movie ul li .o-etc { display: block; border-top: 1px solid #919191; padding: 15px 6px 0 8px; font-size: 13px; color: #989898; line-height: 130%; letter-spacing: -1px; font-weight: 400; }
#container-edu .main-one .info .cont { float: right; }
#container-edu .main-one .info .cont .st {padding: 10px 0 30px;}

#container-edu .main-guide { width: 1040px; margin: 0 auto; padding: 75px 0 40px; }
#container-edu .main-guide .title { display: block; text-align: center; }
#container-edu .main-guide .title p { text-align: center; font-size: 33px; color: #343434; letter-spacing: -1px; font-weight: 400; line-height: 100%;}
#container-edu .main-guide .title span { display: block; text-align: center; margin-bottom: 30px;  font-size: 35px; color: #18afc2; letter-spacing: -2px; font-weight: 600;}

#container-edu .main-guide .item { display: inline-block; border-right: 2px solid #f5f5f5; width:256px; box-sizing: border-box; padding: 0 20px;}
#container-edu .main-guide .item .icon { text-align: center; margin-bottom: 30px; }
#container-edu .main-guide .item .stx { text-align: center; font-size: 15px; color: #343434; letter-spacing: -1px; line-height: 130%; font-weight: 300; } 
#container-edu .main-guide .item:last-child {border-right: 0; }

#container-edu .main-free { height: 250px; background: url(../img/main/free_bg.png) repeat-x center; z-index: -9999;}
#container-edu .main-free .title { width: 1040px; margin: 0 auto;  padding-top: 80px;}
#container-edu .main-free .title p { text-align: center;  font-size: 28px; color: #343434; font-weight: 300; letter-spacing: -1px; margin-bottom: 15px;}
#container-edu .main-free .title p em { color: #18afc2; font-weight: 600; }
#container-edu .main-free .title p span { display: inline-block; text-align: center; font-size: 15px; color: #343434; font-weight: 300; letter-spacing: -1px; line-height: 140%;}



#container-edu2 { width:100%;  height: 480px; background: #f4f4f4; margin-bottom: 200px; }
#container-edu2 .ment { width:1152px; padding-top: 60px; margin: 0 auto;}
#container-edu2 .ment .title { display: block; text-align: center; margin-bottom: 40px; }
#container-edu2 .ment .title p { font-size: 30px; color: #202020; font-weight: 500; letter-spacing: -1px; line-height: 140%; }
#container-edu2 .comm { margin: 0 auto; width: 1100px;}
#container-edu2 .comm ul { display: block; }
#container-edu2 .comm ul li { float: left; width: 320px; margin-right: 40px; padding: 0; }
#container-edu2 .comm ul li:last-child {margin-right: 0;  }
#container-edu2 .comm ul li .photo { float: left; width: 80px; margin-right: 10px; }
#container-edu2 .comm ul li .info { float: left; width: 230px; padding-top: 12px;}
#container-edu2 .comm ul li .info p { text-align: left; font-size: 18px; color: #000; font-weight: 600; letter-spacing: -1px; }
#container-edu2 .comm ul li .info span { display: inline-block; text-align: left; font-size: 16px; color: #000; font-weight: 400; letter-spacing: -1px; }
#container-edu2 .comm ul li .stxt { clear: both; display: block; border-bottom: 3px solid #b8b8b8; height: 40px; margin-bottom: 15px; }
#container-edu2 .comm ul li .stxt p { font-size:16px; color: #000; letter-spacing: -1px; line-height: 39px; }
#container-edu2 .comm ul li .stxt span { display: inline-block; float: right;}
#container-edu2 .comm ul li .stxt em { display: inline-block; float: left;}
#container-edu2 .comm ul li .tbox { display:block; background: #fff; padding: 24px 14px; border-bottom: 1px solid #f0f0f0;}
#container-edu2 .comm ul li .tbox p { font-size:13px; color: #000; letter-spacing: -1px; line-height: 150%; }




#container2:after { display: block; content: ''; clear: both; }
#container2 { width:860px; margin: 0 auto; padding-top: 40px; }


#container:after { display: block; content: ''; clear: both; }
#container { width:1152px; margin: 0 auto; padding-top: 40px; z-index: 999999;}
#container .main-intro { text-align: center; margin: 40px 0 70px;}
.about { position: absolute; top:280px; width: 100%; padding: 0; height: 565px; background: url(../img/etc/about.jpg) no-repeat center; z-index: -9999;}
.history { position: absolute; top:280px; width: 100%; padding: 0; height: 565px; background: url(../img/etc/history-bg.jpg) no-repeat center; z-index: -9999;}
.location { position: relative; display: block; width: 100%; padding: 0; height: 880px; background: #3e4541; margin-bottom: -50px;}
.about2 { position: relative; display: block; width: 100%; padding-top: 530px; }
.location .map { display: block; width: 1100px; padding: 0; margin: 0 auto;}

#container .snb-left { float:left; width:180px; }
.snb { padding: 10px 17px 25px; border: 1px solid #b9dde1; }
.snb h2 { font-size:17px; font-weight: 600; color: #18afc2; letter-spacing: -1px; text-align: center; padding: 4px; border: 3px solid #18afc2; border-radius: 25px; }
.snb > ul { padding: 10px; }
.snb > ul > li { border-left: 2px solid #90d9e2; margin-bottom: 8px; }
.snb .btn-dep1 { display: block; font-size:14px; color: #8e8e8e;  font-weight: 400; letter-spacing: -1px; padding-left: 14px; height: 20px; line-height: 19px; }
.snb > ul > li a:hover { color:#18afc2; }
.snb > ul > li.active .btn-dep1 { display: inline-block; margin-left: 6px; font-size:14px; color: #fff;  font-weight: 600; padding: 3px 12px; letter-spacing: -1px; height: 20px; line-height: 19px; background: #18afc2; border-radius: 20px; }
.snb > ul > li.active .dep2 { display: block; }
#container .snb-left .bn {clear: both;  display: inline-block; width:180px;}
#container .snb-left .bn p {margin-top: 10px;}


#container #content { float:right; width:961px; }
#content { padding-bottom: 2px;}
#content h3 { font-size:28px; font-weight: 600; color: #171717; letter-spacing: -1px; padding: 14px 0; margin-top: 17px; position:relative;}
#content h3:before{content:""; width:50px; height:3px; background-color:#0084ff; position:absolute; left:0; top:0;}
#content .desc { font-size:12px; color:#666; letter-spacing: -0.5px; margin-bottom: 40px;}

#container #content2 { float:right; width:948px; }
#content2 { padding-bottom: 30px;}


#container .snb2-left { float:left; width:180px; }
.snb2 { border: 1px solid #18afc2; padding:0; margin-bottom: 10px; }
.snb2 h2 { display: block; background: #18afc2; height: 88px; font-size:22px; font-weight: 300; color: #d9edf6; letter-spacing: -1px; text-align: left; padding-left: 14px; line-height: 87px;  }
.snb2 > ul {  padding: 14px; background: #fff;}
.snb2 > ul > li { border-bottom: 2px solid #a9a9a9; }
.snb2 > ul > li:last-child { border: 0; }
.snb2 .btn-dep1{ display: block; font-size:15px; color: #8e8e8e; font-weight: 300; letter-spacing: -1px; padding-left: 12px; height: 44px; line-height: 43px;}
.snb2 > ul > li a:hover { color:#18afc2; }
.snb2 > ul > li.active .btn-dep1  { display: inline-block; font-weight: 600; color:#18afc2; }
#container .bank { }


#container .snb3-left { top: -300px; float:left; width:180px; border: 1px solid #18afc2;}
.snb3 { padding:0; }
.snb3 h2 { display: block; background: #18afc2; height: 88px; font-size:22px; font-weight: 300; color: #d9edf6; letter-spacing: -1px; text-align: left; padding-left: 14px; line-height: 87px;  }
.snb3 > ul {  padding: 14px; background: #fff;}
.snb3 > ul > li { border-bottom: 2px solid #a9a9a9; }
.snb3 > ul > li:last-child { border: 0; }
.snb3 .btn-dep1{ display: block; font-size:15px; color: #8e8e8e; font-weight: 300; letter-spacing: -1px; padding-left: 12px; height: 44px; line-height: 43px;}
.snb3 > ul > li a:hover { color:#18afc2; }
.snb3 > ul > li.active .btn-dep1  { display: inline-block; font-weight: 600; color:#18afc2; }

#container .snb4-left { top: 337px; float:left; width:150px; }
.snb4 { padding:0; }
.snb4 .bg { background: #18afc2; height: 38px;  border-top-left-radius: 30px; border-top-right-radius: 30px;}
.snb4 > ul { display: block;  padding: 4px; border: 1px solid #18afc2;  background: #fff;}
.snb4 > ul > li:before { content: '·'; margin: 0 6px; color: #07373d;}
.snb4 > ul > li a { font-size: 14px; color: #6a6a6a; line-height: 24px; letter-spacing: -0.5px; font-weight: 500;}
.snb4 > ul > li a:hover { color:#18afc2; }
.snb4 > ul > li.active a { display: inline-block; font-weight: 600; color:#18afc2;  }


#container .snb5-left { position: absolute; float:left; left: 50%; top: 340px; margin-left: -570px; width:180px; z-index: 9999; }
.snb5 { border: 1px solid #18afc2; padding:0; margin-bottom: 10px; }
.snb5 h2 { display: block; background: #18afc2; height: 88px; font-size:22px; font-weight: 300; color: #d9edf6; letter-spacing: -1px; text-align: left; padding-left: 14px; line-height: 87px;  }
.snb5 > ul {  padding: 14px; background: #fff;}
.snb5 > ul > li { border-bottom: 2px solid #a9a9a9; }
.snb5 > ul > li:last-child { border: 0; }
.snb5 .btn-dep1{ display: block; font-size:15px; color: #8e8e8e; font-weight: 300; letter-spacing: -1px; padding-left: 12px; height: 44px; line-height: 43px;}
.snb5 > ul > li a:hover { color:#18afc2; }
.snb5 > ul > li.active .btn-dep1  { display: inline-block; font-weight: 600; color:#18afc2; }
#container .bank { }


#container #content3 { position:relative; float:right; width:930px; }
#content3 { padding-bottom: 30px;}

#container #content5 { position:relative; width:880px; padding:0px 10px;}
#content5 { padding-bottom: 30px;}

#container #content4 { position:relative; float:right; width:980px; }
#content4 { padding-bottom: 30px;}

.sub-title { position:relative; font-size: 32px; color:#545454; letter-spacing: -1px; font-weight: 600; margin-bottom: 20px;}
.sub-title .faq-btn { position:absolute; top: -8px; left: 160px;}

.sub-title2 {position:relative;  font-size: 16px; color:#323232; letter-spacing: -1px; font-weight: 500; margin: 30px 0 0; text-align: center; height: 30px;}

.sub-title3 { position:relative; height: 40px; border-bottom: 3px solid #5d5d5d; }
.sub-title3 ul {}
.sub-title3 ul li { float: left; width: 50%; background: #eaeaea; height: 40px; text-align: center; font-size: 16px; color: #7d7d7d; line-height: 39px; letter-spacing: -0.5px; font-weight: 500; }
.sub-title3 ul li.active { background: #18afc2; color: #fff;}

.sub-title13 { position:relative; height: 40px;  }
.sub-title13 ul {}
.sub-title13 ul li { float: right; width: 20%; background: #eaeaea; height: 40px; text-align: center; font-size: 16px; color: #7d7d7d; line-height: 39px; letter-spacing: -0.5px; font-weight: 500; }
.sub-title13 ul li.active { background: #18afc2; color: #fff;}

.sub-title4 { position:relative; height: 40px; border-bottom: 3px solid #5d5d5d; }
.sub-title4 ul {}
.sub-title4 ul li { float: left; width: 309px; background: #eaeaea; margin-right: 1px; height: 40px; text-align: center; font-size: 16px; color: #7d7d7d; line-height: 39px; letter-spacing: -0.5px; font-weight: 500; }
.sub-title4 ul li:last-child { margin-right: 0; width: 310px;}
.sub-title4 ul li.active { background: #18afc2; color: #fff;}

.sub-title5 {position:relative; background: #eaeaea; font-size: 15px; color:#7d7d7d; letter-spacing: -1px; font-weight: 500; margin: 10px 0 0; text-align: center; height: 40px; line-height: 39px;  border-bottom: 3px solid #5d5d5d;}


.my-title { height: 40px; line-height: 39px; background: #18afc2; border-bottom: 3px solid #5d5d5d; text-align: center; font-size: 16px; color:#fff; letter-spacing: -1px; font-weight: 600; margin-bottom: 5px;}

.rule { position:relative; width: 100%; }
.rule .title {position:relative; display: block; font-size: 28px; color:#323232; letter-spacing: -1px; font-weight: 600; margin-bottom: 20px;}
.rule .st { font-size: 13px; color:#5b5b5b; letter-spacing: -0.5px; font-weight: 300; line-height: 20px;}

.my-info { width: 100%; }
.my-info .add { overflow: hidden; position:relative; }
.my-info .add .txt { float: left; width: 600px; margin-left: 26px; }
.my-info .add .txt p { font-size: 15px; color: #303030; }
.my-info .add .txt p a { font-size: 16px; font-weight: 500; }
.my-info .add .list { float: right; margin-top: 6px;}

.my-info .line {overflow: hidden;  display: block; padding: 2px; border: 1px solid #18afc2;  }
.my-info .line .lt { float: left; margin-top: 4px; margin-left: 3px; width: 6px; height: 100px; background-color: #18AFC2;}
.my-info .line .lt2 { float: left; margin-top: 4px; margin-left: 3px; width: 6px; height: 66px; background-color: #18AFC2;}
.my-info .line .lt3 { float: left; margin-top: 4px; margin-left: 3px; width: 6px; height: 48px; background-color: #18AFC2;}
.my-info .line .lt4 { float: left; margin-top: 4px; margin-left: 3px; width: 6px; height: 30px; background-color: #18AFC2;}
.my-info .line .txt ul { padding: 10px 5px;}
.my-info .line .txt ul li { font-size: 12px; color: #757575; line-height: 18px; letter-spacing: -1px; }
.my-info .line .txt ul li:before { content: '·'; margin: 0 10px; color: #07373d;}
.my-info .dvs { clear: both; }
.my-info .dvs { height: 40px; border-bottom: 1px solid #5d5d5d; background: #fff; margin: 10px 0; }
.my-info .dvs p { display: inline-block; margin-right: 25px; vertical-align: middle; font-size: 14px; color: #07373d; font-weight: 500; letter-spacing: -1px;}
.my-info .dvs .lab { height: 28px; line-height: 27px; padding: 0 18px; text-align: center; background: #07373d; border-radius: 30px; font-size: 14px; color: #fff; font-weight: 500; letter-spacing: -1px; margin-right: 30px;}

.my-info .dvs1 { clear: both; }
.my-info .dvs1 { height: 40px; background: #fff; margin: 10px 0 0 0; border-bottom: 2px solid #5d5d5d; }
.my-info .dvs1 p { display: inline-block; margin-right: 25px; vertical-align: middle; font-size: 14px; color: #07373d; font-weight: 500; letter-spacing: -1px;}
.my-info .dvs1 .lab { height: 28px; line-height: 27px; padding: 0 18px; text-align: center; background: #07373d; border-radius: 30px; font-size: 14px; color: #fff; font-weight: 500; letter-spacing: -1px; margin-right: 30px;}

.my-info .dvs2 { clear: both; }
.my-info .dvs2 label { font-size:14px; color: #07373d; }
.my-info .dvs2 { height: 42px; line-height: 40px;  padding:0 0 3px 8px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #fff; margin: 10px 0; }
.my-info .dvs2 p { display: inline-block; margin-right: 25px; vertical-align: middle; font-size: 14px; color: #07373d; font-weight: 600; letter-spacing: -1px;}
.my-info .dvs2 .lab { height: 28px; line-height: 27px; padding: 0 18px; text-align: center; background: #07373d; border-radius: 30px; font-size: 14px; color: #fff; font-weight: 500; letter-spacing: -1px; margin-right: 30px;}

.my-info .item label { font-size:14px; color: #07373d; }
.my-info .item table { width: 100%; border-collapse: collapse;}
.my-info .item table tbody th { height: 32px; padding:2px 6px;}
.my-info .item table tbody th .it { display: inline-block; background: #7d8182; width: 80px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.my-info .item table tbody td { font-size:14px; color: #07373d; font-weight: 500; letter-spacing: -0.5px; padding:4px 6px; }
.my-info .item table textarea {width:95%; overflow: auto; resize:none; border: 1px solid #eaeaea; background: #f5f5f5; font-size:14px; font-weight: 500; line-height: 1.4em; color: #07373d; padding:15px; box-sizing:border-box; }
.my-info .item table tbody tr td .it2 { display: inline-block; background: #7d8182; width: 80px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.my-info .item .subj { height: 40px; border-bottom: 1px solid #adafb0; line-height: 39px; padding-left: 8px; margin-bottom: 10px;}
.my-info .item .subj .ch { display: inline-block; float:right; color: #07373d; font-weight: 500;}
.my-info .inp { width:383px; height: 46px; padding:0 10px; font-size:16px; border:1px solid #c5c5c5; color: #636363; vertical-align: middle; margin: 2px;}
.my-info .inp2 { height: 20px; background: #f5f5f5; padding:2px 10px; font-size:14px; border:1px solid #eaeaea; color: #07373d; letter-spacing: -1px; font-weight: 500; vertical-align: middle; margin: 2px 2px 2px 0;}
.my-info .inp3 { height: 28px; background: #fff; padding:3px 0; font-size:13px; border:0; color: #07373d; letter-spacing: -1px; font-weight: 400; vertical-align: middle; margin: 2px;}
.my-info .inp4 { height: 20px; background: #fff; padding:2px 10px; font-size:14px; border:1px solid #cdcdcd; color: #727272; letter-spacing: -1px; font-weight: 500; vertical-align: middle; margin-left: 2px;}
.my-info .select { height: 26px; background: #f5f5f5; padding:0 0 0 10px; font-size:13px; font-weight: 500; border:1px solid #eaeaea; color: #636363; vertical-align: middle; }
.my-info .select2 { height: 26px; background: #fff; padding:0 0 0 10px; font-size:14px; font-weight: 500; border:1px solid #cdcdcd; color: #727272; vertical-align: middle; }
.my-info label { font-size:14px; color: #444; }
.my-info .etct { font-size:14px; color: #07373d; font-weight: 600; padding: 20px;}
.my-info .ment { font-size:14px; color: #464646; font-weight: 400; padding: 10px 20px; border:1px solid #eaeaea; background: #f5f5f5; margin: 5px 0; }
.my-info .item2:after { display:block; content:''; clear:both;}
.my-info .item2 { margin-bottom: 10px;}
.my-info .item2 .how { display: inline-block; height: 40px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;  line-height: 39px; padding-left: 8px; margin: 5px 0;}
.my-info .item2 .item2-l { float:left; width:450px; }
.my-info .item2 .item2-l .subj { height: 40px; border-bottom: 1px solid #adafb0; line-height: 39px; padding-left: 8px; margin-bottom: 10px;}
.my-info .item2 .item2-l .subj .ch { display: inline-block; float:right; color: #07373d; font-weight: 500;}
.my-info .item2 .item2-l table { width: 100%; border-collapse: collapse;}
.my-info .item2 .item2-l table tbody th { height: 28px; padding:0 4px;}
.my-info .item2 .item2-l table tbody th .it { display: inline-block; background: #7d8182; width: 80px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.my-info .item2 .item2-l table tbody td { font-size:14px; color: #07373d; font-weight: 500; letter-spacing: -0.5px; padding:0 4px; }
.my-info .item2 .item2-l table textarea {width:95%; overflow: auto; resize:none; border: 1px solid #eaeaea; background: #f5f5f5; font-size:14px; font-weight: 500; line-height: 1.4em; color: #07373d; padding:15px; box-sizing:border-box; }

.my-info .item2 .item2-r { float:right; width:450px; }
.my-info .item2 .item2-r .subj { height: 40px; border-bottom: 1px solid #adafb0; line-height: 39px; padding-left: 8px; margin-bottom: 10px;}
.my-info .item2 .item2-r .subj .ch { display: inline-block; float:right; color: #07373d; font-weight: 500;}
.my-info .item2 .item2-r table { width: 100%; border-collapse: collapse;}
.my-info .item2 .item2-r table tbody th { height: 28px; padding:0 4px;}
.my-info .item2 .item2-r table tbody th .it { display: inline-block; background: #7d8182; width: 80px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.my-info .item2 .item2-r table tbody td { font-size:14px; color: #07373d; font-weight: 500; letter-spacing: -0.5px; padding:0 4px; }
.my-info .item2 .item2-r table textarea {width:95%; overflow: auto; resize:none; border: 1px solid #eaeaea; background: #f5f5f5; font-size:14px; font-weight: 500; line-height: 1.4em; color: #07373d; padding:15px; box-sizing:border-box; }
.my-info .p-close {  width: 930px; background: #555; border-radius : 10px; height: 20px; line-height: 19px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; margin: 0 0 10px 0; }
.my-info .p-close a { color: #fff; }

/*
.word { width: 100%;  }
.word ul { border: 1px solid #9cdbe3;}
.word ul li { padding: 0; border-bottom: 1px solid #18afc2;}
.word ul li a {display:block; overflow:hidden;}
.word ul li .title {background: #18afc2; height: 40px; }
.word ul li a .title { background: #fff; border-bottom: 1px solid #18afc2; }
.word ul li.active a .title  { display:block; background: #18afc2;}
.word ul li.active a .title p { display:block; background: #18afc2; color: #fff;}
.word ul li.active a .title span { display:block; background: #18afc2; color: #fff;}
.word ul li .title p {display: inline-block; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -1px; line-height: 39px; text-align: left; }
.word ul li a .title p { display: inline-block;  background: #fff; color: #18afc2; }
.word ul li .title span {display: inline-block; float:left; font-size: 14px; color: #fff; font-weight: 400; letter-spacing: -1px; text-align: center; width: 140px; line-height: 39px;}
.word ul li a .title span { display: inline-block;  background: #fff; color: #18afc2; }
.word ul li .cont {clear:both;  display:block; overflow:hidden; margin:5px;  background: #f8f8f8; padding-top: 10px; height: 94px;  }
.word ul li .cont .col-le { display: inline-block; float:left; font-size: 13px; color: #514f4f; font-weight: 500; letter-spacing: -1px; text-align: center; padding: 30px 0; width: 140px;}
.word ul li .cont .col-ri { display: block; padding: 2px 0; }
.word ul li .cont .col-ri p { display: inline-block; font-size: 15px; color: #514f4f; line-height: 14px; margin-top:4px; font-weight: 500; letter-spacing: -1px; text-align: left; }
.word ul li .cont .col-ri span { display: inline-block; }
.word ul li.active a { display:block; background: #18afc2; }
*/


/* 이달의 한마디 */
.faq-list { width: 100%;  } 
.faq-list ul { border:1px solid #9cdbe3; }
.faq-list ul li { border-bottom:1px solid #9cdbe3; }
.faq-list ul li.active { border-bottom:1px solid #18afc2; }

.faq-list ul li a { display:block; overflow:hidden; font-size:16px; color:#333;  font-weight:500; padding:8px 170px; position:relative;  letter-spacing: -0.5px;}
.faq-list ul li a span { color:#18afc2; font-weight:600;}
.faq-list ul li a strong { position:absolute; left:52px; top:10px; font-size:13px; color:#18afc2;  letter-spacing: -0.5px;  font-weight:400;}
.faq-list ul li.active a strong { color:#fff; }
.faq-list ul li.active a span { color:#fff; }

.faq-list ul li a + .a { display:none; margin: 4px; padding:18px 0 18px 185px; height: 110px; background:#f5f5f5; position:relative; font-size:12px; line-height:22px; color:#555; }
.faq-list ul li a + .a .tit { position:absolute; left:0; top:0; font-size:14px; color:#383838; font-weight:600; width: 162px; display: inline-block; text-align: center;}
.faq-list ul li a + .a .tit img { display: block; margin: 10px 10px 4px;}
.faq-list ul li a + .a .tit span { text-align: center;}
.faq-list ul li a + .a .txt { display: inline-block; font-size:15px; color:#514f4f; font-weight:400; letter-spacing: -1px; margin-top: 18px;}
.faq-list ul li.active a + .a { display:block; }
.faq-list ul li.active a { background: #18afc2; color: #fff; }


/* FAQ */
.faq { margin-top:20px; } 
.faq .sub-ft { padding: 0 0 0 15px; margin-bottom: 5px; } 
.faq .sub-ft p { font-size: 15px; color: #18afc2; font-weight: 600; letter-spacing: -1px; line-height: 150%; text-align: left; } 
.faq ul {  }
.faq ul li { border:0; margin: 14px 0; box-shadow: 1px 1px 2px 2px rgba(214, 214, 214, .6); }
.faq ul li a { display:block; overflow:hidden; font-size:18px; color:#5d5d5d; font-weight: 500; letter-spacing: -1px; padding:10px 70px 10px 20px; position:relative; background:#fff url(../img/common/faq_ico_down.png) no-repeat 875px 50%; }
.faq ul li a strong { position:absolute; left:31px; top:18px; font-size:14px; color:#0096ff; }
.faq ul li a + .a { display:none; padding:10px 10px 10px 20px; background:#fff; position:relative; font-size:18px; letter-spacing: -0.5px; font-weight: 400; line-height: 150%; color:#5d5d5d; }
.faq ul li a + .a .tit { position:absolute; left:31px; top:18px; }
.faq ul li a + .a p .tit { font-size:18px; color:#383838; font-weight: 400; letter-spacing: -1px; line-height: 150%;}

.faq ul li.active a + .a { display:block; }
.faq ul li.active a { color:#fff; background: #1fb2c4 url(../img/common/faq_ico_up.png) no-repeat 875px 50%; }



/* 패키지 리스트 */
#p-list { overflow: hidden; }
#p-list .nav {  margin-bottom: 30px; }
#p-list .nav .btn-dep1 { display: block;font-size:18px; height: 30px; line-height: 29px; border: 1px solid #b5b5b5; padding-left: 30px; color: #333;  letter-spacing: -1px; margin-bottom: 10px;}

#p-list .nav .btn-dep1.plus { background: url(../img/sub/bu_off.png) no-repeat left; }
#p-list .nav > ul > li.active .btn-dep1,
#p-list .nav .btn-dep1:hover{ color: #333; font-weight: 500; border: 1px solid #00c1da;  letter-spacing: -1px;}
#p-list .nav .dep2 { display: none;   letter-spacing: -1px; margin-bottom: 10px;}
#p-list .nav > ul > li.active .dep2 { display: block; }
#p-list .nav .btn-dep2 { display: block; font-size:13px; line-height: 26px; color:#6f6f6f; background: url(../img/common/bu_snb_dep2.png) no-repeat 0 50%; padding-left: 27px; }
#p-list .nav .btn-dep2:hover { color: #222; }
#p-list .nav > ul > li.active .btn-dep1 { background-image:url(../img/sub/bu_on.png); }

#p-list .nav ul li .pa-list { width:100%; margin:0 auto 10px; } 
#p-list .nav ul li .pa-list ul { width:1152px; margin:0 auto; font-size:0; }
#p-list .nav ul li .pa-list ul:after { display:block; content:''; clear:both; }
#p-list .nav ul li .pa-list ul li { float:left; width:316px; border:1px solid #b5b5b5; margin:0 52px 20px 0; padding: 15px; }
#p-list .nav ul li .pa-list ul li:nth-child(3n) { margin-right:0; }
#p-list .nav ul li .pa-list ul li a { display:inline-block;  text-align:center; }
#p-list .nav ul li .pa-list ul li a .thum img { width:316px; height: 176px; }
#p-list .nav ul li .pa-list ul li a span { display:inline-block;}
#p-list .nav ul li .pa-list ul li a .box { text-align:left; padding:11px 15px; background:#fff; border-bottom:2px solid #707070; }
#p-list .nav ul li .pa-list ul li a .box .txt1 { display:inline-block; height: 40px; font-size:14px; color:#999; font-weight:500; margin-bottom:5px; letter-spacing: -1px; border-left: 2px solid #00c1da; padding: 6px 10px 6px 12px; }
#p-list .nav ul li .pa-list ul li a .box .txt2 { font-size:20px; font-weight:500; color:#333; letter-spacing: -1px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; }
#p-list .nav ul li .pa-list ul li a .price { display:block; padding:0; margin: 15px 4px 2px 15px;}
#p-list .nav ul li .pa-list ul li a .price span { display:inline-block; vertical-align:middle; padding:0;}
#p-list .nav ul li .pa-list ul li a .price span.pr1 {display:inline-block; font-size:16px; font-weight:500; color:#999; margin-right:20px; letter-spacing: -0.5px;}
#p-list .nav ul li .pa-list ul li a .price span.pr2 { font-size:28px; font-weight:700; color:#cc0000; letter-spacing: -1px; }
#p-list .nav ul li .pa-list ul li a .cart { display:inline-block; padding: 0;}

.table-pr { margin-bottom: 0; }
.table-pr table { width:100%; border:0; }
.table-pr table td { padding: 0; font-size: 20px; text-align: center; letter-spacing: -0.5px; font-weight:500; color: #999; background: #fff;}
.table-pr table td .sale { color: #cc0000;}


/* 시험대비 리스트 */
#ex-list { overflow: hidden; }
#ex-list .nav {  margin-bottom: 30px; }
#ex-list .nav .btn-dep1 { display: block;font-size:18px; height: 30px; line-height: 29px; border: 1px solid #b5b5b5; padding-left: 30px; color: #333;  letter-spacing: -1px; margin-bottom: 10px;}

#ex-list .nav .btn-dep1.plus { background: url(../img/sub/bu_off.png) no-repeat left; }
#ex-list .nav > ul > li.active .btn-dep1,
#ex-list .nav .btn-dep1:hover{ color: #333; font-weight: 500; border: 1px solid #00c1da;  letter-spacing: -1px;}
#ex-list .nav .dep2 { display: none;   letter-spacing: -1px; margin-bottom: 10px;}
#ex-list .nav > ul > li.active .dep2 { display: block; }
#ex-list .nav .btn-dep2 { display: block; font-size:13px; line-height: 26px; color:#6f6f6f; background: url(../img/common/bu_snb_dep2.png) no-repeat 0 50%; padding-left: 27px; }
#ex-list .nav .btn-dep2:hover { color: #222; }
#ex-list .nav > ul > li.active .btn-dep1 { background-image:url(../img/sub/bu_on.png); }
#ex-list .nav ul li:last-child { margin-bottom: 40px; }


#ex-list .nav .btn-dep3 { display: block;font-size:18px; height: 30px; line-height: 29px; border: 1px solid #ececec; padding-left: 30px; color: #333;  letter-spacing: -1px; margin-bottom: 10px;}
#ex-list .nav .btn-dep3.plus2 { background: url(../img/sub/bu_on.png) no-repeat left;  }
#ex-list .nav .btn-dep3{ color: #333; font-weight: 500; border: 1px solid #ececec;  letter-spacing: -1px;}
#ex-list .nav .btn-dep3 { background: url(../img/sub/bu_off.png) no-repeat left; }




#ex-list .nav ul li .product-detail-lect { margin:10px 0 20px; border: 1px solid #b5b5b5; padding: 15px; height: 130px; position: relative;}
#ex-list .nav ul li .product-detail-lect .tion { overflow: hidden;  position: relative; }
#ex-list .nav ul li .product-detail-lect .tion .photo { float:left; margin-right:25px;}
#ex-list .nav ul li .product-detail-lect .tion .photo img { width: 235px; height: 131px;}
#ex-list .nav ul li .product-detail-lect .icon {position: absolute; left:0px; top:0; width: 31px; height: 26px; z-index: 999;}
#ex-list .nav ul li .product-detail-lect .icon2 {position: absolute; left:36px; top:0; width: 31px; height: 26px; z-index: 999;}
#ex-list .nav ul li .product-detail-lect .icon3 {position: absolute; left:72px; top:0; width: 31px; height: 26px; z-index: 999;}

#ex-list .nav ul li .product-detail-lect .tion .info { float:left; width: 490px; border-bottom: 2px solid #707070; margin: 0 10px 8px 0;  }
#ex-list .nav ul li .product-detail-lect .tion .info .st { display:block; font-size:20px; font-weight: 500; color: #333; letter-spacing: -1px; position: relative; padding:5px 0 0 15px; letter-spacing: -1px; }
#ex-list .nav ul li .product-detail-lect .tion .info span {  display:inline-block; font-size:16px; line-height: 16px; color: #18afc2; margin-bottom: 2px; font-weight: 500; letter-spacing: -0.5px; padding:0 0 6px 15px;}
#ex-list .nav ul li .product-detail-lect .tion .sa { float:left; width: 480px; padding: 0 0 8px 10px; } 
#ex-list .nav ul li .product-detail-lect .tion .sa p { display:inline-block; background: #707070; width: 52px; padding: 2px 12px; height: 22px; line-height: 21px; font-size: 15px; color: #fff; font-weight: 400; letter-spacing: -1px; text-align: center; margin-right: 2px; border-radius: 20px;} 
#ex-list .nav ul li .product-detail-lect .tion .sa span {display:inline-block; width: 150px; font-size: 15px; color: #333; font-weight:500; letter-spacing: -1px; } 
#ex-list .nav ul li .product-detail-lect .tion .sa span:last-child {width: 164px;} 
#ex-list .nav ul li .product-detail-lect .tion .lect-r { float: right; position: absolute; top: 20px; right: 0; width: 350px; }
#ex-list .nav ul li .product-detail-lect .tion .lect-r .price { display: block; padding: 10px; overflow: hidden; }
#ex-list .nav ul li .product-detail-lect .tion .lect-r .price .pr { float: left; display: inline-block; margin-right: 18px; font-size: 24px; color: #999; letter-spacing: -1px; font-weight: 500; }
#ex-list .nav ul li .product-detail-lect .tion .lect-r .price .pr span { display: inline-block;  margin-left: 30px; }
#ex-list .nav ul li .product-detail-lect .tion .lect-r .price .sale { float: right; display: inline-block; font-size: 24px; color: #d00000; letter-spacing: -1px; font-weight: 500; }

#ex-list .nav ul li .product-detail-lect .tion .lect-r .cart { display: block; padding: 10px; overflow: hidden; width: 340px; }
#ex-list .nav ul li .product-detail-lect .tion .lect-r .cart .go {float: left; display:inline-block; width: 44px; margin-right: 2px; border: 1px solid #00c1da; height: 42px; text-align: center; line-height: 40px;  box-sizing:border-box;}
#ex-list .nav ul li .product-detail-lect .tion .lect-r .cart .cart-btn1 { float: left; display:inline-block; margin-right: 2px; width: 142px; height: 42px; border:1px solid #00c1da; text-align: center; line-height: 40px; font-size: 15px; color: #00c1da; font-weight: 600;  box-sizing:border-box;}
#ex-list .nav ul li .product-detail-lect .tion .lect-r .cart .cart-btn2 { float: left; display:inline-block; width: 142px; height: 42px; background: #00c1da; text-align: center; line-height: 42px; font-size: 15px; color: #fff; font-weight: 600;  box-sizing:border-box;}




.agree-tab:after { display:block; content:''; clear:both;}
.agree-tab { margin:10px 0; position:relative; }
.agree-tab:before { content:''; display:block; width:100%; height:1px; background:#d6d6d6; position:absolute; left:0; bottom:0; z-index:-1; }
.agree-tab a { float:left; width:220px; height:32px; line-height:31px; text-align:center; font-size:13px; font-weight:400; color:#8b8b8b; background:#f7f7f7; border:1px solid #d6d6d6; margin-left:1px; }
.agree-tab a:first-child { margin-left:0; }
.agree-tab a.active { background:#fff; border-bottom:1px solid #fff; color:#4e4e4e; }

.agree-tab-view { padding-bottom:12px; margin-bottom:15px; }
.agree-tab-view > div { display:none; }
.agree-tab-view > div:first-child { display:block; }


.agree-txt { padding:20px 25px; width:860px; margin:0 auto; border:1px solid #f1f1f1; background: #f7f7f7; overflow:auto; height:120px; color:#767676; font-size:12px; line-height:16px; }
.agree-txt h2 { margin: 10px 0; text-align: center; font-size: 16px; color: #505050; letter-spacing: -1px; font-weight: 600;}
.agree-txt strong { font-size:12px; color:#4d4d4d; }


.kind:after { display: block; content: ''; clear: both; }
.kind .photo {float:left; margin-right:35px;}
.kind .info { overflow: hidden;}
.kind .info h4 { font-size:28px; font-weight: 500; color: #181818; letter-spacing: -1px; position: relative; padding-top:10px; margin-bottom: 30px; letter-spacing: -1px;}
.kind .info h4:before { content: ''; position: absolute; left: 0; top:0; width:25px; height: 2px; background: #007a47; margin-bottom: 35px; }
.kind .info h5 { font-size:20px; color: #181818; letter-spacing: -1px; padding-bottom: 7px; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; }
.kind .info .txt { font-size:14px; line-height: 22px; color: #4b4b4b; margin-bottom: 30px; }


.process:after { display: block; content: ''; clear: both; }
.process .num {float:left; margin-right:20px;}
.process .info { overflow: hidden;}
.process .info h4 { font-size:28px; font-weight: 500; color: #181818; letter-spacing: -1px; position: relative; padding-top:10px; margin-bottom: 30px; letter-spacing: -1px;}
.process .info h4:before { content: ''; position: absolute; left: 0; top:0; width:25px; height: 2px; background: #007a47; margin-bottom: 35px; }
.process .info h5 { font-size:20px; color: #2e3193; letter-spacing: -1px; padding-bottom: 7px; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; }
.process .info .txt { font-size:13px; line-height: 20px; color: #4b4b4b; margin-bottom: 40px; }

.ex:after { display: block; content: ''; clear: both; }
.ex .num {float:left; margin-right:50px;}
.ex .info { overflow: hidden;}
.ex .info h4 { font-size:28px; font-weight: 500; color: #181818; letter-spacing: -1px; position: relative; padding-top:10px; margin-bottom: 30px; letter-spacing: -1px;}
.ex .info h4:before { content: ''; position: absolute; left: 0; top:0; width:25px; height: 2px; background: #007a47; margin-bottom: 35px; }
.ex .info h5 { font-size:20px; color: #181818; letter-spacing: -1px; padding-bottom: 7px; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; }
.ex .info .st { font-size:15px; line-height: 22px; color: #4b4b4b; letter-spacing: -1px; margin-bottom: 15px; }
.ex .info .st span{ color: #ef4023;}
.ex .info .txt { font-size:13px; line-height: 14px; color: #4b4b4b; margin-bottom: 10px; }
.ex .info .txt span{ color: #ef4023;}

.tab-type1 { background: #f1f1f1; border: 1px solid #dcdcdc; margin-bottom: 30px; }
.tab-type1 a { float:left; width:50%; height:53px; line-height: 52px; text-align: center; font-size:20px; color: #272727; }
.tab-type1 a.active { background: #007a47; font-weight: 600; color: #fff; }

.tab-type2 { margin-bottom: 30px; }
.tab-type2 ul li { float:left; width:20%; border: 1px solid #dbdbdb; margin:-1px 0 0 -1px; box-sizing:border-box; text-align: center; font-size:16px;  height: 35px; }
.tab-type2 ul li a { display: block; color: #676767;  height: 35px; line-height: 33px;}
.tab-type2 ul li.active a { background: #e4e4e4; color: #000; font-weight: 500;}
h4 { font-size:18px; color: #000; margin-bottom: 10px; }
h6 { font-size:28px; font-weight: 500; color: #181818; position: relative; padding-top:10px; margin-bottom: 30px; letter-spacing: -1px;}
h6:before { content: ''; position: absolute; left: 0; top:0; width:25px; height: 2px; background: #007a47; margin-bottom: 35px; }


.tab-type3 { margin:0 -1px 30px; }
.tab-type3 a { float:left; width:153px; height:43px; line-height: 42px; text-align: center; font-size:16px; color: #686868; border: 1px solid #dedede; margin-left:-1px; }
.tab-type3 a:first-child { width:151px;}
.tab-type3 a.active { background: #007a47; font-weight: 600; color: #fff; }

.table1 { margin-bottom: 30px; }
.table1 table { width:100%; border-collapse: collapse; border-bottom: 1px solid #b0b0b0;  }
.table1 table thead th { height: 45px; background: #fafafa; border-top:2px solid #4b4b4b; font-size:16px; color: #111; font-weight: 500;}
.table1 table tbody td { padding:10px 0; font-size:14px; color: #292929; line-height: 1.3em; text-align: center; border-top:1px solid #e5e5e5; font-weight: 300;}
.table1 table tbody td .btn-subj strong { font-weight: 500; }
.table1.border table tbody td { border-left: 1px solid #e5e5e5; }
.table1.border table tbody td:first-child { border-left: 0; }
.table1 table tbody td.text-left { padding-left: 15px; }
.table1 table tbody td.text-right { padding-right: 15px; }

.table2 { margin-bottom: 30px; }
.table2 table { width:100%; border-collapse: collapse; border-bottom: 1px solid #b0b0b0;  }
.table2 table thead th { height: 45px; background: #fafafa; border-top:2px solid #538ed5; font-size:16px; color: #111; font-weight: 500;}
.table2 table tbody td { padding:10px 0; font-size:14px; color: #292929; line-height: 1.3em; text-align: center; border-top:1px solid #e5e5e5; font-weight: 300;}
.table2 table tbody td .btn-subj strong { font-weight: 500; }
.table2.border table tbody td { border-left: 1px solid #e5e5e5; }
.table2.border table tbody td:first-child { border-left: 0; }
.table2 table tbody td .text-left { padding-left: 15px; }
.table2 table tbody td .text-right { padding-right: 15px; }

.t-line { height: 3px; background: #5d5d5d; }
.t-line2 { height: 3px; background: #aaa; }

.table3 { margin-bottom: 10px; }
.table3 table { width:100%; border-collapse: collapse; }
.table3 table thead th { height: 35px; background: #fff;  font-size:15px; color: #5d5d5d; font-weight: 500; border-bottom:1px solid #aaa;}
.table3 table tbody td { height: 80px; font-size:14px; color: #757575; line-height: 150%; text-align: center; border-bottom:1px solid #aaa; font-weight: 400;}
.table3 table tbody td .btn-subj strong { font-weight: 500; }
.table3 table tbody td .total { display: block; width: 140px; margin:0 auto; overflow: hidden; }
.table3 table tbody td .total .st-nor {display: inline-block; float: left; font-size: 13px; color: #fff;}
.table3 table tbody td .total .st-price {display: inline-block; float: right; font-size: 13px; color: #fff;  }
.table3 table tbody td .tp { display: block; text-align: center; margin: 15px 0; }
.table3 .border table tbody td { border-left: 1px solid #e5e5e5; }
.table3 .border table tbody td:first-child { border-left: 0; }
.table3 table tbody td .btn-ing { display: inline-block; vertical-align: middle; height: 18px; line-height: 17px; text-align: center; background: #707070; border-radius:20px; font-size:10px; color: #fff; padding:0 8px; font-weight: 500;}
.table3 table tbody td .pdl { padding-left: 20px; text-align: left;}
.table3 table tbody td .inp {  height: 24px; border: 1px solid #a0a0a0; padding: 0 4px; line-height:29px; font-size:14px; color: #333; text-align: center; vertical-align: middle;}
.table3 table tbody td .select { height:30px; border: 1px solid #e5e5e5; padding-left:10px; font-size:15px; color: #333; vertical-align: middle; }
.table3 table tbody td .textarea { border: 1px solid #e5e5e5; padding: 10px; font-size:14px; line-height: 1.4em; color: #333; resize:none; }


.cart-total:after { display: block; content: ''; clear: both; }
.cart-total { margin-bottom: 10px; background: #eee; border-bottom: 3px solid #5d5d5d; padding: 40px 0;}
.cart-total table { margin: 0 auto; border: 0;  }
.cart-total table td { font-size:16px; color: #5d5d5d; font-weight: 500; letter-spacing: -1px; padding: 0; text-align: center; }
.cart-total table td .pi { display: inline-block; vertical-align: middle; border: 1px solid #aaa; background: #fff; text-align: center; font-size: 30px; color:#5d5d5d; font-weight: 500; padding: 0 6px; height: 36px; line-height: 35px;  margin-bottom: 5px;}

.table4 { margin-bottom: 20px; }
.table4 table { width:100%; border-collapse: collapse; border-top:3px solid #5d5d5d;}
.table4 table thead th { padding:8px; font-size:15px; font-weight: 500; color: #7d7d7d; text-align: center; background: #fff; border-bottom: 1px solid #b9b9b9; }
.table4 table tbody td { padding:8px; font-size:14px; text-align: center; line-height: 22px; letter-spacing: -0.5px; color: #3a3a3a; border-bottom: 1px solid #b9b9b9; }
.table4 table tbody td p { text-align: left; font-weight: 500; color: #262626;}
.table4 table tbody td .em { font-weight: 600; color: #00398e;}

.table5 { margin-bottom: 10px; }
.table5 table { width:100%; border:1px solid #18afc2;  }
.table5 table tbody td { padding: 12px; font-size:14px; text-align: center; letter-spacing: -0.5px; color: #3a3a3a; border: 1px solid #18afc2; background: #f6f6f6;}
.table5 table tbody td .sp { padding: 12px 0; font-size:14px; text-align: center; letter-spacing: -0.5px; color: #3a3a3a; border: 1px solid #18afc2; background: #f6f6f6;}

.table6 { margin-bottom: 10px; }
.table6 table { width:100%; border-collapse: collapse; border-top:3px solid #aaa;}
.table6 table thead th { padding:8px; font-size:16px; font-weight: 500; color: #18afc2; text-align: center; background: #fff; border-bottom: 1px solid #b9b9b9; }
.table6 table tbody td { padding:8px; font-size:14px; text-align: center; line-height: 22px; letter-spacing: -0.5px; color: #3a3a3a; border-bottom: 1px solid #b9b9b9; }
.table6 table tbody td .em { font-weight: 600; color: #00398e;}

.rate:after { display: block; content: ''; clear: both; }
.rate { height: 84px; background: #eaeaea; padding: 15px;  position: relative; margin-bottom: 10px;}
.rate .time { margin: 0 auto; width: 250px; height: 30px; border: 1px solid #18afc2; text-align: center; font-size: 18px; color: #18afc2; font-weight: 600;  line-height: 29px;}
.rate .prc { float: left; overflow: hidden; display: inline-block; margin-left: 100px; width: 698px; padding:0; margin-right: 10px; height: 30px; border: 1px solid #b5b5b5; background: #d2d2d2; text-align: center; }
.rate .bn { float: left; display: inline-block; width: 80px; height: 32px; background: #18afc2; text-align: center; font-size: 18px; color: #fff; font-weight: 400; line-height: 30px; letter-spacing: -1px;}
.rate .prc .ing { height: 30px; padding: 0; font-size: 17px; color: #18afc2; font-weight: 400; line-height: 30px; }
.rate .prc .ing-1 { width: 1%; background: #18afc2; }
.rate .prc .ing-2 { width: 2%; background: #18afc2; }
.rate .prc .ing-3 { width: 3%; background: #18afc2; }
.rate .prc .ing-4 { width: 4%; background: #18afc2; }
.rate .prc .ing-5 { width: 5%; background: #18afc2; }
.rate .prc .ing-6 { width: 6%; background: #18afc2; }
.rate .prc .ing-7 { width: 7%; background: #18afc2; }
.rate .prc .ing-8 { width: 8%; background: #18afc2; }
.rate .prc .ing-9 { width: 9%; background: #18afc2; }
.rate .prc .ing-10 { width: 10%; background: #18afc2; }

.rate .prc .ing span { color: #fff; }

.table-total { margin-bottom: 10px; }
.table-total p { display: inline-block; vertical-align: middle; padding:0 15px 0 25px; font-size:14px; color: #414141; height: 26px; line-height: 25px; background: #ececec;}

.table-write { margin-bottom: 25px; }
.table-write table { width:100%; border-collapse: collapse; border-top:1px solid #b2b2b2; }
.table-write table tbody th { background: #eff3f8; padding:10px 0 10px 20px; font-size:15px; font-weight: 500; color: #111; border-bottom: 1px solid #e8e8e8; text-align: left;}
.table-write table tbody th em { color: #ff0000; }
.table-write table tbody td { padding:10px 20px; border-bottom: 1px solid #e8e8e8; font-size:14px; line-height: 1.3em; color: #292929; }
.table-write table tbody td span { font-size:12px; color: #292929; }
.table-write table tbody td ul { padding:0px;}
.table-write table tbody td ul li { display:inline-block; margin-right:10px; }
.table-write table tbody td ul li img { margin-bottom: 5px; width:100%;}
.table-write table .inp { padding-left:10px; height: 30px; border: 1px solid #d4d4d4; line-height: 31px; font-size:15px; color: #333; }
.table-write table .select { height:30px; border: 1px solid #e5e5e5; padding-left:10px; font-size:15px; color: #333; vertical-align: middle; }
.table-write table .textarea { border: 1px solid #e5e5e5; padding: 10px; font-size:14px; line-height: 1.4em; color: #333; resize:none; }
.table-write .agree-txt { padding:20px 25px; width:860px; margin:0 auto; border:1px solid #f1f1f1; background: #f7f7f7; overflow:auto; height:120px; color:#767676; font-size:12px; line-height:16px; }
.table-write .agree-txt h2 { margin: 10px 0; text-align: center; font-size: 16px; color: #000; letter-spacing: -1px; font-weight: 600;}
.table-write .agree-txt strong { font-size:12px; color:#4d4d4d; }

.table-write table tbody td .radio + label { margin-right: 10px;}

/*
#certi { width:595px; padding:0; margin:0 auto; }
#certi .title { margin: 40px 0; text-align: center; font-size: 28px; color: #000; letter-spacing: -1px; font-weight: 600;}
#certi .st { margin-top: 30px; text-align: center; font-size: 16px; color: #343434; letter-spacing: -1px; }
#certi .info { display: block; width: 340px; margin:0 auto; }
#certi .info table { width: 100%;  }
#certi .info table tbody tr th { padding:4px; text-align: center; font-size:14px; color: #00c1da; font-weight: 500; border:1px solid #81e0ed;}
#certi .info table tbody tr td { font-size:14px; color: #343434; text-align: left; font-weight: 400; letter-spacing: -0.5px; padding: 4px 6px 4px 10px; background: #eee; border:1px solid #fff;}
*/


#login { width:900px; padding:0 90px; margin:50px auto 80px; }
#login .tit {vertical-align: middle; text-align: center; width: 200px; height: 32px; line-height: 30px; padding:10px 25px; background: #fff; border-radius:40px; border: 2px solid #b5b5b5; font-size:28px; color: #5d5d5d; letter-spacing: -1px; font-weight: 500; margin: 10px auto;}
#login .st { display: block; text-align: center; font-size:15px; color: #5d5d5d; margin-bottom: 12px; letter-spacing: -1px;}
#login .bline { display: block; margin:20px auto; width:100%; height: 4px; background: #aaa; }
#login .bline-s { display: block; margin:20px auto; width:60%; height:2px; background: #aaa; }

#login .box { display: block; width: 400px; height: 130px; margin: 0 auto;}
#login .box-1 { float: left; width: 260px;}
#login .box-2 { float: right; width: 130px;}
#login .box-2 span {display:inline-block; font-size: 14px; color: #acacac; letter-spacing: -1px;}

#login .sns { display: block; width: 400px; height: 130px; margin: 0 auto;}
#login .sns .stxt { display: block; text-align: left; font-size: 20px; color: #5d5d5d; }
#login .sns-1 { float: left; width: 195px;}
#login .sns-2 { float: right; width: 195px;}


#login .inp { width:240px; height: 40px; padding:0 10px; font-size:16px; border:1px solid #c5c5c5; color: #636363;  }
#login label { font-size:14px; color: #07373d; letter-spacing: -1px; font-weight: 400;}
#login .btn-login {  width:400px; height: 50px; line-height: 49px; text-align: center; font-size:20px; color: #fff; font-weight: 600; background: #18afc2; border-radius:30px; margin: 0 auto; }
#login .btns { text-align: center; padding:15px 0; border-bottom: 1px solid #ddd; }
#login .btns a { display: inline-block; vertical-align: middle; font-size:15px; color: #585858;}
#login .btns span { display: inline-block; vertical-align: middle; font-size:10px; color: #b3b3b3; margin:0 20px; }
#login .regi { padding-top:20px; overflow: hidden;}
#login .regi p { float: left; padding-top:8px; font-size:14px; color: #585858; }
#login .regi a { float:right; width:129px; height: 36px; line-height: 35px; text-align: center; background: #5a5a5a; border-radius:4px; font-size:16px; color: #fff; font-weight: 600;}
#login .txt { font-size: 13px; color: #404040; letter-spacing: -1px; font-weight: 400; margin: 10px 0 20px;}
#login .result { font-size: 16px; color: #404040; letter-spacing: -1px; font-weight: 400; text-align: center; margin: 0 auto; padding: 30px 10px 50px; border-top:1px solid #eee;}
#login .result span { font-size: 18px; color: #ff0000; font-weight: 600; }
#login .radio + label { margin-right: 10px;}

#login .item table { width: 100%; border-collapse: collapse;}
#login .item table tbody th { height: 32px; padding:2px 4px;}
#login .item table tbody th .it { display: inline-block; background: #7d8182; width: 90px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
#login .item table tbody th .it2 { display: inline-block; background: #7d8182; width: 130px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
#login .item table tbody td { font-size:14px; color: #07373d; font-weight: 500; letter-spacing: -0.5px; padding:4px 6px; }
#login .item .inp { width:383px; height: 46px; padding:0 10px; font-size:16px; border:1px solid #c5c5c5; color: #636363; vertical-align: middle; margin: 2px;}
#login .item .inp2 { height: 20px; background: #f5f5f5; padding:2px 10px; font-size:14px; border:1px solid #eaeaea; color: #07373d; letter-spacing: -1px; font-weight: 500; vertical-align: middle; margin: 2px;}
#login .item .select { height: 26px; background: #f5f5f5; padding:0 0 0 10px; font-size:13px; font-weight: 500; border:1px solid #eaeaea; color: #636363; vertical-align: middle; }

#login .line { padding: 2px; border: 1px solid #18afc2;  }
#login .line .lt { float: left; margin-top: 4px; margin-left: 3px; width: 6px; height: 84px; background-color: #18AFC2;}
#login .line .lt2 { float: left; margin-top: 4px; margin-left: 3px; width: 6px; height: 66px; background-color: #18AFC2;}
#login .line .lt3 { float: left; margin-top: 4px; margin-left: 3px; width: 6px; height: 48px; background-color: #18AFC2;}
#login .line .stxt ul { padding: 10px 5px;}
#login .line .stxt ul li { font-size: 12px; color: #757575; line-height: 18px; letter-spacing: -1px; }
#login .line .stxt ul li:before { content: '·'; margin: 0 10px; color: #07373d;}


.join { width:900px; padding:0 90px; margin:50px auto 80px; }
.join .tit {vertical-align: middle; text-align: center; width: 200px; height: 32px; line-height: 30px; padding:10px 25px; background: #fff; border-radius:40px; border: 2px solid #b5b5b5; font-size:28px; color: #5d5d5d; letter-spacing: -1px; font-weight: 500; margin: 10px auto;}
.join .st { display: block; text-align: center; font-size:15px; color: #5d5d5d; margin-bottom: 12px; letter-spacing: -1px;}
.join .end { display: block; text-align: center; font-size:30px; color: #5d5d5d; margin-bottom: 12px; letter-spacing: -1px; margin-bottom: 100px;}
.join .bline { display: block; margin:20px auto; width:100%; height: 4px; background: #aaa; }
.join .bline2 { display: block; margin:20px auto; width:70px; height: 4px; background: #aaa; }
.join .bline-s { display: block; margin:20px auto; width:60%; height:2px; background: #aaa; }
.join .btn-join { width:400px; height: 50px; line-height: 49px; text-align: center; font-size:20px; color: #fff; font-weight: 600; background: #18afc2; border-radius:30px; margin: 0 auto; }
.tit-type1 { font-size:20px; margin-bottom: 8px; font-weight: 600; color: #212121; padding-left: 6px; }
.tit-type2 { font-size:20px; margin-bottom: 8px; padding-bottom: 12px; font-weight: 600; color: #212121; text-align: center; }
.table-join { margin-bottom: 10px; }
.table-join .stitle { text-align: left; padding-left: 35px; font-size: 16px; color: #07373d; font-weight: 500; letter-spacing: -1px; margin-bottom: 10px; }
.table-join table { width:800px; border-collapse: collapse; border-top:2px solid #000; }
.table-join table tbody th { padding:12px 0 12px 28px; font-size:13px; color: #333; background: #e8e8e8; border-bottom: 1px solid #cacaca; }
.table-join table tbody td { padding:8px; font-size:13px; color: #333; line-height: 1.3em; border-bottom: 1px solid #cacaca; }
.table-join table tbody td .inp { height: 23px; border: 1px solid #ddd; font-size:13px; color: #333; border-radius:0; }
.table-join table tbody td .select { height: 25px; border: 1px solid #ddd; font-size:13px; color: #333; border-radius:0; vertical-align: middle;}
.table-join .check { text-align:center; font-size:15px; color:#333; padding:12px 0; letter-spacing: -1px; font-weight: 500;}
.table-join .check input { vertical-align:middle; }
.table-join .agree2-txt { padding:13px 25px; width:780px; margin:0 auto; border:1px solid #dedede; overflow:auto; height:180px; color:#b1b1b1; font-size:12px; font-weight: 300; line-height:20px; letter-spacing: -0.5px; margin-bottom: 40px;}
.table-join .agree2-txt strong { font-size:12px; color:#4d4d4d; }
.table-join .agree2-txt2 { padding:13px 25px; width:780px; margin:0 auto; border:1px solid #dedede; overflow:auto; height:180px; color:#b1b1b1; font-size:12px; font-weight: 300; line-height:20px; letter-spacing: -0.5px; margin-bottom: 20px;}
.table-join .agree2-txt2 strong { font-size:12px; color:#4d4d4d; }

.btn-join2 { display: block; width:400px; height: 50px; line-height: 49px; text-align: center; font-size:20px; color: #fff; font-weight: 600; background: #18afc2; border-radius:30px; margin: 0 auto; }

.pagenate { text-align: center; font-size:0; margin: 30px 0 50px; }
.pagenate a { display: inline-block; vertical-align: middle; margin:0; width:20px; height: 16px; border-right: 1px solid #ddd;  text-align: center; line-height: 15px; font-size:12px; color: #545454; font-weight: 500;}
.pagenate a.active { color: #18afc2; font-weight: 600;}
.pagenate .noline { border: 0;}

.board-view h4 { text-align:center; font-size:16px; color:#333; font-weight: 500; background:#fafafa; border-top:2px solid #4b4b4b; border-bottom:1px solid #e1e1e1; padding:10px 0; position:relative; }
.board-view h4 p { position:absolute; right:10px; top:12px; width:60px; font-size:12px; color: #636363; font-weight:normal;}
.board-view h4 span { position:absolute; left:0; top:12px; width:180px; font-size:12px; color: #636363; font-weight:normal;}
.board-view .reply-label { display: inline-block; vertical-align: middle; height:24px; line-height:23px; background: #9d9d9d; font-size:13px; color: #fff; padding:0 8px; font-weight: 500;}
.board-view .reply-label.end { background: #20248a; }
.board-view h5 { text-align:center; font-size:16px; color:#fff; font-weight: 500; background:#20248a; padding:10px 0; position:relative; }
.board-view h5 p { position:absolute; right:10px; top:12px; width:70px; font-size:12px; color: #fff; font-weight:normal;}
.board-view h5 span { position:absolute; left:0; top:12px; width:150px; font-size:12px; color: #fff; font-weight:normal;}
.board-view .add { padding:0 10px 10px 10px; font-size:13px; color:#333; border-bottom:1px solid #cacaca; }
.board-view .view-cont { padding:28px 20px; font-size:13px; line-height:24px; color:#333; border-bottom:1px solid #cacaca; margin-bottom:35px; }
.board-view .btn-box { text-align:center; }

.btn-m { display:inline-block; vertical-align:middle;  height:26px; line-height:25px; text-align:center; font-size:14px; color:#fff; font-weight:500; border-radius:30px; width:121px; margin-left:7px;  background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%);  background: linear-gradient(to bottom, #ffffff 0%,#fafafa 100%); }
.btn-type1 { display: inline-block; vertical-align: middle; width:80px; height: 26px; line-height: 25px; border-radius:25px; text-align: center; background: #3ec8d9; font-size:13px; color: #fff; font-weight: 500; }
.btn-type2 { display: inline-block; vertical-align: middle; width:80px; height: 26px; line-height: 25px; border: 1px solid #b5b5b5; border-radius:25px; text-align: center; background: #fff; font-size:13px; color: #716b68; font-weight: 500; }
.btn-type3 { display: inline-block; vertical-align: middle; width:100px; height: 36px; line-height: 34px; text-align: center; background: #383838; font-size:16px; color: #fff; font-weight: 500;}
.btn-type4 { display: inline-block; vertical-align: middle; height: 25px; line-height: 24px; text-align: center; background: #00b4ff; border-radius:4px; font-size:13px; color: #fff; border-radius:3px; padding:0 8px; font-weight: 500;}
.btn-type5 { display: inline-block; vertical-align: middle; width:160px; height: 40px; line-height: 38px; text-align: center; background: #21248b; font-size:18px; color: #fff; font-weight: 500;}
.btn-type6 { display: inline-block; vertical-align: middle; width:160px; height: 40px; line-height: 39px; text-align: center; background: #0084ff; font-size:15px; color: #fff; font-weight: 500; letter-spacing: -1px;}
.btn-type7 { display: inline-block; vertical-align: middle; width: 126px; height: 92px; line-height: 91px; text-align: center; background: #434343; border-radius:0; border: 1px solid #959595; font-size:18px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-type8 { display: inline-block; vertical-align: middle; width: 195px; height: 40px; line-height: 39px; text-align: center; background: #fff; border-radius:10px; border: 1px solid #b5b5b5; font-size:16px; color: #5d5d5d; letter-spacing: -1px; font-weight: 400;}
.btn-type9 { display: inline-block; vertical-align: middle; width: 220px; height: 44px; line-height: 43px; text-align: center; font-size:18px; color: #fff; font-weight: 500;  background: #18afc2; border-radius:30px; margin: 0 5px;}
.btn-type10 { display: inline-block; vertical-align: middle; width: 220px; height: 40px; line-height: 39px; text-align: center; font-size:18px; color: #18afc2; font-weight: 500; border: 2px solid #18afc2; background: #fff; border-radius:30px; margin: 0 5px;}
.btn-white { display: inline-block; vertical-align: middle; height: 26px; line-height: 25px; text-align: center; background: #fff; border: 1px solid #a0a0a0; border-radius:30px; font-size:13px; color: #7f7f7f; letter-spacing: -1px; padding:0 12px; font-weight: 500; margin: 2px 0;}
.btn-white2 { display: inline-block; vertical-align: middle; width: 90px; height: 26px; line-height: 25px; text-align: center; background: #fff; border: 1px solid #a0a0a0; border-radius:30px; font-size:13px; color: #7f7f7f; letter-spacing: -1px; font-weight: 500; margin: 2px 0;}
.btn-gray { display: inline-block; vertical-align: middle; height: 24px; line-height: 23px; padding: 0 6px; text-align: center; background: #707070; border: 1px solid #a0a0a0; font-size:13px; color: #fff; letter-spacing: -1px; font-weight: 500; margin-left: 2px;}
.btn-gray2 { display: inline-block; vertical-align: middle; height: 30px; line-height: 29px; border-radius:25px; padding: 0 20px; text-align: center; background: #5d5d5d; font-size:14px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-gray3 { display: inline-block; vertical-align: middle; width: 64px; height: 24px; line-height: 23px; border-radius:25px; text-align: center; background: #707070; font-size:12px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-gray33 { display: inline-block; vertical-align: middle; width: 70px; height: 24px; line-height: 23px; border-radius:25px; text-align: center; background: #707070; font-size:14px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-gray4 { display: inline-block; vertical-align: middle; width: 100px; height: 30px; line-height: 29px; border-radius:25px; text-align: center; background: #5d5d5d; font-size:14px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-gray5 { display: inline-block; vertical-align: middle; width: 80px; height: 30px; line-height: 29px; border-radius:25px; text-align: center; background: #5d5d5d; font-size:13px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-gray6 { display: inline-block; vertical-align: middle; width: 70px; height: 30px; line-height: 29px; border-radius:25px; text-align: center; background: #5d5d5d; font-size:13px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-gray7 { display: inline-block; vertical-align: middle; width: 74px; height: 24px; line-height: 23px; border-radius:25px; text-align: center; background: #707070; font-size:16px; color: #fff; letter-spacing: -1px; font-weight: 400;}
.btn-gray8 { display: inline-block; vertical-align: middle; width: 70px; height: 30px; line-height: 29px; border-radius:25px; padding: 0 10px; text-align: center; background: #5d5d5d; font-size:14px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-day { display: inline-block; vertical-align: middle; width:62px; height: 30px; line-height: 29px; border-radius:10px; border: 1px solid #d2d2d2;  text-align: center; background: #fff; font-size:16px; color: #646464; font-weight: 500; margin-right: 4px;}
.btn-day2 { display: inline-block; vertical-align: middle; width:64px; height: 32px; line-height: 31px; border-radius:10px; text-align: center; background: #45b8c7; font-size:16px; color: #fff; font-weight: 500; margin-right: 4px;}
.btn-cal1 { display: inline-block; vertical-align: middle; width:50px; height: 25px; line-height: 24px; border-radius:8px; text-align: center; background: #45b8c7; font-size:13px; color: #fff; font-weight: 400; margin-right: 2px;}
.btn-cal2 { display: inline-block; vertical-align: middle; width:50px; height: 23px; line-height: 22px; border-radius:8px; border: 1px solid #d2d2d2;  text-align: center; background: #fff; font-size:13px; color: #646464; font-weight: 400; margin-right: 2px;}
.btn-search { display: inline-block; vertical-align: middle; width:50px; height: 26px; line-height: 24px; border: 1px solid #18afc2;  text-align: center; background: #fff; font-size:14px; color: #18afc2; font-weight: 500; letter-spacing: -1px; margin-left: 2px;}


.btn-mint { display: inline-block; vertical-align: middle;  height: 38px; line-height: 37px; border-radius:25px; padding: 0 32px; text-align: center; background: #18afc2; font-size:13px; color: #fff; font-weight: 500; }
.btn-mint2 { display: inline-block; vertical-align: middle;  height: 38px; line-height: 37px; border:2px solid #18afc2; border-radius:25px; padding: 0 32px; text-align: center; background: #fff; font-size:13px; color: #18afc2; font-weight: 500; }
.btn-mint3 { display: inline-block;  vertical-align: middle; background: #07373d; width: 80px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.btn-mint4 { display: inline-block; vertical-align: middle;  height: 52px; line-height: 51px; border-radius:10px; padding: 0 16px; text-align: center; background: #18afc2; font-size:13px; color: #fff; font-weight: 500; }
.btn-mint5 { display: inline-block; vertical-align: middle; height: 26px; line-height: 25px; border: 3px solid #18afc2; border-radius:50%; padding: 0 8px; text-align: center; background: #fff; font-size:18px; color: #18afc2; font-weight: 600; margin: 0 18px 14px 0;  }
.btn-mint6 { display: inline-block; vertical-align: middle; width: 72px; background: #18afc2; height: 25px; text-align: center; font-size:12px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500; padding: 0 6px; margin: 0 4px 12px 0; }
.btn-mint7 { display: inline-block; vertical-align: middle; width: 40px; height: 20px; line-height: 19px; border-radius:25px; text-align: center; background: #18afc2; font-size:11px; color: #fff; font-weight: 400; margin-right: 10px; }
.btn-mint8 { display: inline-block; vertical-align: middle; height: 42px; line-height: 41px; border-radius:25px; border: 1px solid #7dcfdd; padding: 0 20px; text-align: center; letter-spacing: -1px; background: #ebf6fa; font-size:16px; color: #18afc2; font-weight: 500; }
.btn-mint9 { display: inline-block; vertical-align: middle; width: 100px; height: 36px; line-height: 35px; border-radius:25px; padding: 0 10px; text-align: center; letter-spacing: -1px; background: #18afc2; font-size:17px; color: #fff; font-weight: 300; margin-right: 4px;}
.btn-mint10 { display: inline-block; vertical-align: middle; width: 30px; background: #18afc2; height: 22px; text-align: center; font-size:12px; color:#fff; line-height: 21px; letter-spacing: -1px; border-radius: 30px; font-weight: 500; padding: 0 6px; margin-right: 10px; }
.btn-mint11 { display: inline-block; vertical-align: middle; width: 70px; height: 30px; line-height: 29px; border-radius:25px; text-align: center; background: #18afc2; font-size:13px; color: #fff; letter-spacing: -1px; font-weight: 500;}
.btn-mint12 { display: inline-block; vertical-align: middle; height: 26px; line-height: 24px; padding: 0 10px; border: 1px solid #18afc2; border-radius:8px; text-align: center; background: #fff; font-size:15px; color: #18afc2; letter-spacing: -1px; font-weight: 500;}
.btn-circle { display: inline-block; vertical-align: middle; height: 26px; line-height: 25px; border: 3px solid #939393; border-radius:50%; padding: 0 8px; text-align: center; background: #fff; font-size:18px; color: #555; font-weight: 600; margin: 0 18px 14px 0; }
.btn-blue { display: inline-block; vertical-align: middle; width: 130px; height: 40px; line-height: 39px; border: 1px solid #00c1da; text-align: center; background: #fff; font-size:15px; color: #00c1da; font-weight: 600; margin: 0 1px; }
.btn-blue2 { display: inline-block; vertical-align: middle; width: 134px; height: 42px; line-height: 41px; background: #00c1da; text-align: center; font-size:15px; color: #fff; font-weight: 600; margin: 0 0 0 1px; }
.btn-blue3 { display: inline-block; vertical-align: middle; width: 41px; height: 40px; line-height: 39px; border: 1px solid #00c1da; text-align: center; background: #fff; font-size:15px; color: #00c1da; font-weight: 600; margin: 0 1px 0 0; }
.btn-mpackage { display: inline-block; vertical-align: middle; height: 52px; line-height: 51px; border-radius:25px; border: 1px solid #ea6552; padding: 0 20px; text-align: center; letter-spacing: -1px; background: #fd8369; font-size:20px; color: #fff; font-weight: 400; }
.btn-ds { display: inline-block; vertical-align: middle; height: 24px; line-height: 23px; padding: 0 8px; text-align: center; background: #18afc2; font-size:14px; color: #fff; font-weight: 600; margin: 0 18px 14px 0;  }
.btn-cal { display: inline-block; vertical-align: middle; height: 24px; line-height: 22px; padding: 0 10px; border: 1px solid #5d5d5d; border-radius:8px; text-align: center; background: #fff; font-size:14px; color: #5d5d5d; letter-spacing: -1px; font-weight: 500;}


.customer { margin:30px 0; }
.customer .customer-list { width: 920px; padding: 0;}
.customer .customer-list:after { display:block; content:''; clear:both; }
.customer .customer-list li { float:left; width: 25%;  margin-bottom: 30px; text-align: center;}
.customer .customer-list li img { display:inline-block; margin-bottom: 6px;}
.customer .customer-list li p { display:inline-block; text-align: center; font-size: 14px; color: #202020; font-weight: 500; letter-spacing: -0.5px;}

.inquiry { padding:30px 50px 30px 0; border: 2px solid #212121; }
.inquiry > div { float:left; font-size:0; }
.inquiry .btn-box { float: right;}
.inquiry .tit { font-size:16px; line-height: 33px; padding-right:10px; padding-left: 50px; color: #000; font-weight: 400; display: inline-block; vertical-align: middle; }
.inquiry .inp-box { display: inline-block; vertical-align: middle; }
.inquiry .inp-box .inp { width:232px; padding-left:10px; height: 32px; border: 1px solid #d4d4d4; line-height: 31px; font-size:16px; color: #333;}

.sim-inquiry { padding:30px 50px; border: 2px solid #212121; margin-bottom: 40px; }
.sim-inquiry .desc1 { padding:10px 0; text-align: center; background: #e6e6e6; font-size:14px; color: #3a3a3a; margin-bottom: 20px; }
.sim-inquiry .box { overflow: hidden;}
.sim-inquiry .tit { float:left; font-size:16px; line-height: 33px; padding-right:10px; color: #000; font-weight: 400; display: inline-block; vertical-align: middle; }
.sim-inquiry .inp-box { float:left; margin:0 20px 0 10px;}
.sim-inquiry .inp-box .inp { width:470px; padding-left:10px; height: 32px; border: 1px solid #d4d4d4; line-height: 31px; font-size:16px; color: #333;}
.sim-inquiry .btn-box { float:right;}

.search { text-align: right; font-size:0; margin-bottom: 16px; }
.search select { vertical-align: middle; width:120px; padding-left: 10px; height: 40px; border: 1px solid #ccc; font-size:16px; color: #595959; letter-spacing: -1px; }
.search input[type=text] { vertical-align: middle; width:240px; padding-left: 10px; height: 38px; border: 1px solid #ccc; border-left: 0; border-right: 0;font-size:18px; color: #595959;  }
.search button { vertical-align: middle; width:90px; height: 40px; text-align: center; background: #888888;  font-size:18px; color: #fff;  }


.photo-list ul:after { display: block; content: ''; clear: both; }
.photo-list ul { border-bottom: 1px solid #dfdfdf; margin-bottom: 35px;}
.photo-list ul li { float:left; width:210px; height: 195px; margin:0 10px; }
.photo-list ul:last-child { margin-bottom: 15px;}
.photo-list ul li a { display: block; }
.photo-list ul li a .txt { font-size:14px; color: #292929;display: block; padding-top:7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}




/* MODAL 
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.5; filter:alpha(opacity=50);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; text-align:left;}
.modal-dialog {position:relative; width:auto;margin:0 auto; border-radius:5px; width: 430px  }
.modal-header { height:50px; line-height: 49px; text-align: center; background: #2ca3ff; font-size:24px; color: #fff; font-weight: 600; }
.modal-header .layer-tooltip { position:absolute; right:80px; top:22px; line-height:13px; height:13px; z-index:10;}
.modal-header .layer-tooltip a { font-size:12px; font-weight:600; color:#fff; text-decoration:underline; font-family:dotum;  }
.modal-header .layer-tooltip a:before { width:12px;height:13px; background-position:-60px -170px; vertical-align:top; margin-right:5px; }
.modal-header .layer-tooltip div { position:absolute; right:-5px; top:20px; width:328px; display:none; }
.modal-header .layer-tooltip a:hover + div { display:block; }

.modal-content {position:relative; color:#555; background-color:#fff; outline:none;   overflow:hidden; box-shadow:4px 4px 6px rgba(0,0,0,0.2)}
.modal .close {position:absolute; top:0; right:0; width:50px; height:50px; padding:0; border:0; background: url(../img/common/btn_modal_close.png) no-repeat 50% 50%; }

.modal-body {padding:25px;line-height: 180%; font-size: 13px}
.modal-body .btn-chk { display: inline-block; vertical-align: middle; height:38px; line-height: 36px; width:90px; background: #494949; font-size:13px; color: #fff; font-weight: 600; text-align: center;}
#modalHp .modal-body strong { margin-right:20px; }
.modal-body .btn-ok { display: inline-block; vertical-align: middle; height:38px; line-height: 36px; width:90px; background: #2ca3ff; font-size:13px; color: #fff; font-weight: 600; text-align: center;}

.modal-exam .title { height: 56px; padding-left:20px; font-size:22px; line-height: 54px; color: #fff; font-weight: 600; position: relative; background: #2f3292;}
.modal-exam .title .btn-close { position: absolute; right:0; top:0; width:56px; height: 56px; background: url(../img/common/btn_close.png) no-repeat 50% 50%; }
.modal-exam .exam { padding:24px 28px; }
.modal-exam .modal-table  { margin-bottom: 25px;}
.modal-exam .modal-table table { width:100%; border-collapse: collapse; }
.modal-exam .modal-table table td { border: 1px solid #e4e4e4; font-size:12px; color: #797979; padding:5px;}
.modal-exam .modal-table table th { border: 1px solid #e4e4e4; background: #fafafa; font-size:13px; color: #202020; font-weight: 400; text-align: center; padding:7px 0;}

.modal-exam .modal-table .inp { height: 21px; border: 1px solid #c4c4c4; padding-left: 7px; border: 1px solid #c4c4c4; font-size:12px; color: #686868; vertical-align: middle;}


.modal-exam .map .tit { font-size:16px; color: #272727; font-weight: 500; letter-spacing: -1px; padding:10px 0 10px 5px; }
.modal-exam .map .table-map { margin-bottom: 25px;}
.modal-exam .map .table-map table { width:100%; border-collapse: collapse; border-top:1px solid #a0a0a0; }
.modal-exam .map .table-map table th { background: #fafafa; text-align: center; font-size:13px; color:#202020; letter-spacing: -1px; padding:8px 4px; border-bottom: 1px solid #dfdfdf; font-weight: 400;}
.modal-exam .map .table-map table tbody td {  font-size:12px; color:#747474; letter-spacing: -1px; padding:8px 4px; border-bottom: 1px solid #dfdfdf; }
.modal-exam .map .table-map table tbody tr:last-child th,
.modal-exam .map .table-map table tbody tr:last-child td { border-bottom: 1px solid #a0a0a0; }

.modal-exam .pass .tit { font-size:18px; color: #272727; padding:0 0 7px 5px; }
.modal-exam .pass .table-pass { margin-bottom: 25px;}
.modal-exam .pass .table-pass table { width:100%; border-collapse: collapse; border-top:1px solid #a0a0a0; }
.modal-exam .pass .table-pass table th { background: #fafafa; text-align: center; font-size:14px; color:#202020; padding:10px 0; border-bottom: 1px solid #dfdfdf; font-weight: 400;}
.modal-exam .pass .table-pass table tbody td {   font-size:14px; color:#747474; padding:10px 8px; border-bottom: 1px solid #dfdfdf; }
.modal-exam .pass .table-pass table tbody tr:last-child th,
.modal-exam .pass .table-pass table tbody tr:last-child td { border-bottom: 1px solid #a0a0a0; }

.modal-exam .pass .table-pass.course table tbody th { font-size:12px; line-height: 16px; }
.modal-exam .pass .table-pass.course table tbody td { font-size:12px; line-height: 18px; }
.modal-exam .pass .table-pass.course table tbody td .file  { font-size:12px; color: #353535; }
.modal-exam .pass .table-pass.course table tbody td .file span { display: inline-block; vertical-align: middle; padding-bottom: 3px; position: relative; margin-left:4px; }
.modal-exam .pass .table-pass.course table tbody td .file span:before { content: ''; position: absolute; left: 0; right:0; bottom:0; height: 1px; background: #adadad;}
*/


/* MODAL2 */


/* MODAL2 */
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.5; filter:alpha(opacity=50);}
.modal {display:none; position:fixed; top:200px; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; letter-spacing: -1px; }
.modal-dialog {position:relative; width:auto; margin:0 auto; width: 430px; }
.modal-header { padding:18px 0; text-align:center; font-size:18px; color:#fff; background:#1f94f2;  }
.modal .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal-body {padding:25px; line-height: 180%; font-size: 13px}
.modal-content {position:relative; color:#555; background-color:#fff; outline: 0; border: 1px solid #aaa; border-radius: 30px;  overflow:hidden; padding: 20px;}
.modal-content .title { margin: 0 auto 20px; padding:0 20px; font-size:20px; color: #7d8182; height: 55px; background: #fff; position: relative; border-bottom: 1px solid #aaa;}
.modal-content .title p { line-height: 53px; font-weight: 600; }
.modal-content .title .date { position: absolute; right:0; top:15px; width:120px; height: 40px; font-weight: 400; }
.modal-content .title .btn-close { position: absolute; right:0; top:0; width:55px; height: 55px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}
.modal-content .body { padding:15px 10px; background: #fff;  }
.modal-content .body .res { text-align: center;  font-size:18px; line-height: 150%; color: #7d8182; letter-spacing: -0.5px; margin: 20px 0 40px;}
.modal-sort { padding:0 10px 15px 10px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.modal-content .body .ment { text-align: left; font-size:18px; line-height: 18px; color: #7d8182; letter-spacing: -0.5px; margin: 0 0 30px; padding: 0 20px;}
.modal-content .body .ment2 { text-align: left; font-size:15px; line-height: 130%; color: #7d8182; letter-spacing: -0.5px; margin: 0 0 20px; padding: 0 20px;}


.modal2-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70); }
.modal2 {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; letter-spacing: -1px; }
.modal2-dialog {position:relative; width:auto; border-radius: 30px; margin:0 auto; background: #fff; padding: 20px; }
.modal2-content { position:relative; color:#555; background-color:#fff; outline: 0; border-radius: 30px;  overflow:hidden; padding: 20px; max-height: 750px; overflow: auto;}
.modal2-content .title { border-bottom: 4px solid #d2d2d2; margin-bottom: 20px; height: 40px;}
.modal2-content .title p { padding-left: 20px; font-size: 18px; color: #333; font-weight: 600; letter-spacing: -1px;}
.modal2-content .product-modal-lect {position:relative; color:#555; background-color:#fff; border: 1px solid #aaa; overflow:hidden; padding: 20px; width: 900px; margin:0 auto; margin-bottom: 15px; }
.modal2-content .product-modal-lect { height: 135px;}
.modal2-content .product-modal-lect .tion { }
.modal2-content .product-modal-lect .tion .photo {float:left; margin-right:25px;}
.modal2-content .product-modal-lect .tion .info { float:left; width: 480px; border-bottom: 2px solid #707070; }
.modal2-content .product-modal-lect .tion .info .st { display:block; font-size:20px; font-weight: 500; color: #333; letter-spacing: -1px; position: relative; padding:10px 0 0 15px; letter-spacing: -1px; }
.modal2-content .product-modal-lect .tion .info span {  display:inline-block; font-size:12px; line-height: 16px; color: #999; margin-bottom: 2px; font-weight: 400; letter-spacing: -0.5px; padding:0 0 10px 15px;}
.modal2-content .product-modal-lect .tion .info span em { color: #0048da; font-weight: 500;}
.modal2-content .product-modal-lect .tion .sa { float:left; width: 480px; padding: 15px 10px; } 
.modal2-content .product-modal-lect .tion .sa p { display:inline-block; background: #707070; padding: 2px 14px; height: 18px; line-height: 17px; font-size: 12px; color: #fff; font-weight: 500; letter-spacing: -1px; text-align: center; margin-right: 2px; border-radius: 20px;} 
.modal2-content .product-modal-lect .tion .sa span { font-size: 12px; color: #333; font-weight:500; letter-spacing: -1px; margin-right: 12px;} 
.modal2-content .product-modal-lect .lect-r { float:right;  position:relative; top: -30px; right: 0; }
.modal2-content .product-modal-lect .lect-r span { display:block; background: #fff; border: 1px solid #00c1d9; padding: 0 10px; height: 60px; line-height: 59px; font-size: 14px; color: #00c1d9; font-weight: 500; letter-spacing: -1px; text-align: center; }
.modal2-content .modal2 .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal2-content .btn-close { position: absolute; right:12px; top:8px; width:50px; height: 50px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}

.modal2-content .item label { font-size:14px; color: #07373d; }
.modal2-content .item table { width: 100%; border-collapse: collapse;}
.modal2-content .item table tbody th { height: 32px; padding:2px 6px;}
.modal2-content .item table tbody th .it { display: inline-block; background: #7d8182; width: 80px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.modal2-content .item table tbody td { font-size:14px; color: #07373d; font-weight: 500; letter-spacing: -0.5px; padding:4px 6px; }
.modal2-content .item table textarea {width:95%; overflow: auto; resize:none; border: 1px solid #eaeaea; background: #fff; font-size:14px; font-weight: 500; line-height: 1.4em; color: #07373d; padding:15px; box-sizing:border-box; }
.modal2-content .item table tbody tr td .it2 { display: inline-block; background: #00c1d9; width: 50px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.modal2-content .item .inp { width:383px; height: 46px; padding:0 10px; font-size:16px; border:1px solid #c5c5c5; color: #636363; vertical-align: middle; margin: 2px;}
.modal2-content .item .inp2 { height: 20px; background: #f5f5f5; padding:2px 10px; font-size:14px; border:1px solid #eaeaea; color: #07373d; letter-spacing: -1px; font-weight: 500; vertical-align: middle; margin: 2px;}
.modal2-content .item .inp3 { height: 28px; background: #fff; padding:3px 0; font-size:13px; border:0; color: #07373d; letter-spacing: -1px; font-weight: 400; vertical-align: middle; margin: 2px;}
.modal2-content .item .inp4 { height: 20px; background: #fff; padding:2px 10px; font-size:14px; border:1px solid #cdcdcd; color: #727272; letter-spacing: -1px; font-weight: 500; vertical-align: middle; margin-left: 2px;}
.modal2-content .item .select { height: 26px; background: #f5f5f5; padding:0 10px; font-size:13px; font-weight: 500; border:1px solid #eaeaea; color: #636363; vertical-align: middle; }
.modal2-content .item .select2 { height: 26px; background: #fff; padding:0 10px; font-size:15px; font-weight: 500; border:1px solid #cdcdcd; color: #7d8182; vertical-align: middle; }
.modal2-content .ment { font-size:12px; color: #464646; font-weight: 400; padding: 10px 20px; border:1px solid #eaeaea; background: #f5f5f5; margin: 5px 0; }

.modal2-content .add { overflow: hidden; position:relative; }
.modal2-content .add .txt { float: left; width: 400px; margin-left: 15px; }
.modal2-content .add .txt p { font-size: 14px; color: #303030; }
.modal2-content .add .txt p a { font-size: 15px; font-weight: 500; }
.modal2-content .add .list { float: right; margin-top: 15px;}

.modal2-content .list { padding:10px 0; margin-bottom:30px;}
.modal2-content .list .write { text-align: right;}
.modal2-content .list table { width:100%; border-collapse: collapse; padding: 6px 10px; margin-bottom: 5px;}
.modal2-content .list table thead th { height: 40px; text-align: center; background: #fff; font-size: 15px; color: #7d7d7d;  border-top:3px solid #5d5d5d;  border-bottom:1px solid #b9b9b9; }
.modal2-content .list table tbody td { text-align: center; font-size:15px; color: #5d5d5d; letter-spacing: -0.5px; padding: 10px; font-weight: 400;  border-bottom:1px solid #b9b9b9; }



.modal4-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70); }
.modal4 {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; letter-spacing: -1px; }
.modal4-dialog {position:relative; width:auto; border-radius: 30px; margin:0 auto; background: #fff; padding: 20px; }
.modal4-content { position:relative; color:#555; background-color:#fff; outline: 0; border-radius: 30px;  overflow:hidden; padding: 10px 15px; max-height: 750px; overflow: auto;}
.modal4-content .title { border-bottom: 4px solid #d2d2d2; margin-bottom: 20px; height: 40px;}
.modal4-content .title p { padding-left: 20px; font-size: 18px; color: #333; font-weight: 600; letter-spacing: -1px;}
.modal4-content .prev { margin: 0 auto; width: 903px; padding: 0;}
.modal4-content .prev ul { margin-bottom: 10px; overflow: hidden; }
.modal4-content .prev ul li { float: left; border: 1px solid #818181; padding: 0; width: 450px; height: 617px;}
.modal4-content .prev ul li:first-child { border-right: 0; }
.modal4-content .paging { margin: 0 auto; width: 300px;}
.modal4-content .paging table { width:100%; border: 0; border-collapse: collapse; padding: 0; margin: 15px 0 10px; }
.modal4-content .paging table tr td { text-align: center; font-size:22px; color: #5d5d5d; letter-spacing: -0.5px; font-weight: 500; border: 0;}
.modal4-content .paging table tr td .active { color: #00c1d9; }
.modal4-content .paging table tr td a { font-size:22px; color: #5d5d5d;}


.modal4-content .product-modal-lect {position:relative; color:#555; background-color:#fff; border: 1px solid #aaa; overflow:hidden; padding: 20px; width: 900px; margin:0 auto; margin-bottom: 15px; }
.modal4-content .product-modal-lect { height: 135px;}
.modal4-content .product-modal-lect .tion { }
.modal4-content .product-modal-lect .tion .photo {float:left; margin-right:25px;}
.modal4-content .product-modal-lect .tion .info { float:left; width: 480px; border-bottom: 2px solid #707070; }
.modal4-content .product-modal-lect .tion .info .st { display:block; font-size:20px; font-weight: 500; color: #333; letter-spacing: -1px; position: relative; padding:10px 0 0 15px; letter-spacing: -1px; }
.modal4-content .product-modal-lect .tion .info span {  display:inline-block; font-size:12px; line-height: 16px; color: #999; margin-bottom: 2px; font-weight: 400; letter-spacing: -0.5px; padding:0 0 10px 15px;}
.modal4-content .product-modal-lect .tion .info span em { color: #0048da; font-weight: 500;}
.modal4-content .product-modal-lect .tion .sa { float:left; width: 480px; padding: 15px 10px; } 
.modal4-content .product-modal-lect .tion .sa p { display:inline-block; background: #707070; padding: 2px 14px; height: 18px; line-height: 17px; font-size: 12px; color: #fff; font-weight: 500; letter-spacing: -1px; text-align: center; margin-right: 2px; border-radius: 20px;} 
.modal4-content .product-modal-lect .tion .sa span { font-size: 12px; color: #333; font-weight:500; letter-spacing: -1px; margin-right: 12px;} 
.modal4-content .product-modal-lect .lect-r { float:right;  position:relative; top: -30px; right: 0; }
.modal4-content .product-modal-lect .lect-r span { display:block; background: #fff; border: 1px solid #00c1d9; padding: 0 10px; height: 60px; line-height: 59px; font-size: 14px; color: #00c1d9; font-weight: 500; letter-spacing: -1px; text-align: center; }
.modal4-content .modal4 .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal4-content .btn-close { position: absolute; right:16px; top:2px; width:48px; height: 48px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}

.modal4-content .item label { font-size:14px; color: #07373d; }
.modal4-content .item table { width: 100%; border-collapse: collapse;}
.modal4-content .item table tbody th { height: 32px; padding:2px 6px;}
.modal4-content .item table tbody th .it { display: inline-block; background: #7d8182; width: 80px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.modal4-content .item table tbody td { font-size:14px; color: #07373d; font-weight: 500; letter-spacing: -0.5px; padding:4px 6px; }
.modal4-content .item table textarea {width:95%; overflow: auto; resize:none; border: 1px solid #eaeaea; background: #fff; font-size:14px; font-weight: 500; line-height: 1.4em; color: #07373d; padding:15px; box-sizing:border-box; }
.modal4-content .item table tbody tr td .it2 { display: inline-block; background: #00c1d9; width: 50px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.modal4-content .item .inp { width:383px; height: 46px; padding:0 10px; font-size:16px; border:1px solid #c5c5c5; color: #636363; vertical-align: middle; margin: 2px;}
.modal4-content .item .inp2 { height: 20px; background: #f5f5f5; padding:2px 10px; font-size:14px; border:1px solid #eaeaea; color: #07373d; letter-spacing: -1px; font-weight: 500; vertical-align: middle; margin: 2px;}
.modal4-content .item .inp3 { height: 28px; background: #fff; padding:3px 0; font-size:13px; border:0; color: #07373d; letter-spacing: -1px; font-weight: 400; vertical-align: middle; margin: 2px;}
.modal4-content .item .inp4 { height: 20px; background: #fff; padding:2px 10px; font-size:14px; border:1px solid #cdcdcd; color: #727272; letter-spacing: -1px; font-weight: 500; vertical-align: middle; margin-left: 2px;}
.modal4-content .item .select { height: 26px; background: #f5f5f5; padding:0 10px; font-size:13px; font-weight: 500; border:1px solid #eaeaea; color: #636363; vertical-align: middle; }
.modal4-content .item .select2 { height: 26px; background: #fff; padding:0 10px; font-size:15px; font-weight: 500; border:1px solid #cdcdcd; color: #7d8182; vertical-align: middle; }
.modal4-content .ment { font-size:12px; color: #464646; font-weight: 400; padding: 10px 20px; border:1px solid #eaeaea; background: #f5f5f5; margin: 5px 0; }

.modal4-content .add { overflow: hidden; position:relative; }
.modal4-content .add .txt { float: left; width: 400px; margin-left: 15px; }
.modal4-content .add .txt p { font-size: 14px; color: #303030; }
.modal4-content .add .txt p a { font-size: 15px; font-weight: 500; }
.modal4-content .add .list { float: right; margin-top: 15px;}

.modal4-content .list { padding:10px 0; margin-bottom:30px;}
.modal4-content .list .write { text-align: right;}
.modal4-content .list table { width:100%; border-collapse: collapse; padding: 6px 10px; margin-bottom: 5px;}
.modal4-content .list table thead th { height: 40px; text-align: center; background: #fff; font-size: 15px; color: #7d7d7d;  border-top:3px solid #5d5d5d;  border-bottom:1px solid #b9b9b9; }
.modal4-content .list table tbody td { text-align: center; font-size:15px; color: #5d5d5d; letter-spacing: -0.5px; padding: 10px; font-weight: 400;  border-bottom:1px solid #b9b9b9; }



.modal3-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70); }
.modal3 {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:1px; letter-spacing: -1px; }
.modal3-dialog {position:relative; width:auto; border-radius: 30px; margin:0 auto; background: #fff; padding: 20px 30px; }
.modal3-content { }
.modal3-content .title { margin-bottom: 5px;}
.modal3-content .title p {font-size: 26px; color: #333; font-weight: 400; letter-spacing: -1px;}
.modal3-content .stx { display: block; height: 52px; border-left: 4px solid #555; padding-left: 8px;  margin-bottom: 15px;}
.modal3-content .stx p { font-size: 14px; color: #757575; font-weight: 300; line-height: 130%; letter-spacing: -1px;}
.modal3-content .day { padding:0; margin-bottom: 25px;}
.modal3-content .result { position:relative; padding:0; margin: 0 auto; width: 600px; height: 40px; background: #e5e5e5; border: 1px solid #d2d2d2; }
.modal3-content .result .dur {float: left; width: 350px; }
.modal3-content .result .dur p { display: inline-block; padding-left: 20px; font-size: 15px; color: #646464; font-weight: 500; line-height: 39px;}
.modal3-content .result .bn { display: inline-block; position:absolute; float: right;  top:8px; right: 5px;}
.modal3-content .calendar { padding:0; margin: 0 auto; overflow: hidden;}

.modal3-content .calendar .leftcal { float: left; width: 298px;}
.modal3-content .calendar .leftcal .stp { width: 296px; height: 30px; background: #e5e5e5; border: 1px solid #d2d2d2; }
.modal3-content .calendar .leftcal .stp p { text-align: center; font-size: 15px; color: #646464; font-weight: 500; line-height: 29px;}
.modal3-content .calendar .leftcal .movie { display: inline-block; margin: 0 auto; width: 258px; height: 50px; margin: 15px 20px 5px; overflow: hidden;} 
.modal3-content .calendar .leftcal .movie .box-back { float: left; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.modal3-content .calendar .leftcal .movie .box-back img { display: inline-block; margin-right: 2px;}
.modal3-content .calendar .leftcal .movie .box-cen { float: left; margin: 0 auto; width: 134px;}
.modal3-content .calendar .leftcal .movie .box-cen p { text-align: center; font-size: 12px; color: 555; line-height: 12px; }
.modal3-content .calendar .leftcal .movie .box-cen span { display: block; text-align: center; font-size: 24px; color: 555; font-weight: 500; margin-top: -2px;  }
.modal3-content .calendar .leftcal .movie .box-next { float: right; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.modal3-content .calendar .leftcal .movie .box-next img { display: inline-block; margin-right: 2px;}

.modal3-content .calendar table { width:100%; border-collapse: collapse; border:0; margin-bottom: 10px; }
.modal3-content .calendar table thead tr { padding:0; border-bottom: 1px solid #aaa; height: 30px;}
.modal3-content .calendar table thead tr th { font-size:12px; color: #da0000; font-weight: 500; text-align: center; }
.modal3-content .calendar table thead tr td { padding:0; font-size:12px; color: #555;  text-align: center; }
.modal3-content .calendar table tbody tr th { font-size:12px; color: #da0000; font-weight: 500; text-align: center; height: 28px; margin: 3px 0; }
.modal3-content .calendar table tbody tr td { font-size:12px; color: #555;  text-align: center; height: 28px; margin: 3px 0;}
.modal3-content .calendar table tbody td .inp { height: 23px; border: 1px solid #ddd; font-size:13px; color: #333; border-radius:0; }
.modal3-content .calendar table tbody td .select { height: 25px; border: 1px solid #ddd; font-size:13px; color: #333; border-radius:0; vertical-align: middle;}
.modal3-content .calendar table a { font-size:12px; color: #555;}
.modal3-content .calendar table tbody tr th a { font-size:12px; color: #da0000;}
.modal3-content .calendar table a p.active { font-size:12px; color: #fff; font-weight: 500; }

.modal3-content .calendar .rightcal { float: right; width: 298px;}
.modal3-content .calendar .rightcal .stp { width: 296px; height: 30px; background: #e5e5e5; border: 1px solid #d2d2d2; }
.modal3-content .calendar .rightcal .stp p { text-align: center; font-size: 15px; color: #646464; font-weight: 500; line-height: 29px;}
.modal3-content .calendar .rightcal .movie { display: inline-block; margin: 0 auto; width: 258px; height: 50px; margin: 15px 20px 5px; overflow: hidden;} 
.modal3-content .calendar .rightcal .movie .box-back { float: left; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.modal3-content .calendar .rightcal .movie .box-back img { display: inline-block; margin-right: 2px;}
.modal3-content .calendar .rightcal .movie .box-cen { float: left; margin: 0 auto; width: 134px;}
.modal3-content .calendar .rightcal .movie .box-cen p { text-align: center; font-size: 12px; color: 555; line-height: 12px; }
.modal3-content .calendar .rightcal .movie .box-cen span { display: block; text-align: center; font-size: 24px; color: 555; font-weight: 500; margin-top: -2px;  }
.modal3-content .calendar .rightcal .movie .box-next { float: right; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.modal3-content .calendar .rightcal .movie .box-next img { display: inline-block; margin-right: 2px;}

.modal3-content .detail { padding:0; margin: 0 auto;}
.modal3-content .detail { margin-bottom: 10px; }
.modal3-content .detail table { width:100%; border:0; margin-bottom: 15px;}
.modal3-content .detail table tbody th { padding: 8px; font-size:14px; text-align: center; letter-spacing: -0.5px; color: #555; border-bottom: 1px solid #aaa; background: #fff;}
.modal3-content .detail table tbody td { padding: 6px; font-size:14px; text-align: center; letter-spacing: -0.5px; color: #727272; border-bottom: 1px solid #aaa; background: #fff;}



.modal3-content .modal3 .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal3-content .btn-close { position: absolute; right:10px; top:5px; width:55px; height: 55px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}
.cal-active { display: inline-block; vertical-align: middle; background: #45b8c7; border-radius: 5px; text-align: center; color: #fff; font-weight: 600; height: 22px; width: 40px; line-height: 20px;}
.cal-active2 { display: inline-block; vertical-align: middle; background: #b6b6b6; border-radius: 5px; text-align: center; color: #555; font-weight: 500; height: 22px; width: 40px; line-height: 20px;}

.calen { padding:0; margin: 0 auto; z-index: 9000; }
.calen .leftcal { width: 298px; }
.calen .leftcal .stp { width: 296px; height: 30px; background: #e5e5e5; border: 1px solid #d2d2d2; }
.calen .leftcal .stp p { text-align: center; font-size: 15px; color: #646464; font-weight: 500; line-height: 29px;}
.calen .leftcal .movie { display: inline-block; margin: 0 auto; width: 258px; height: 50px; margin: 5px 20px 5px; overflow: hidden;} 
.calen .leftcal .movie .box-back { float: left; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.calen .leftcal .movie .box-back img { display: inline-block; margin-right: 2px;}
.calen .leftcal .movie .box-cen { float: left; margin: 0 auto; width: 134px;}
.calen .leftcal .movie .box-cen p { text-align: center; font-size: 12px; color: 555; line-height: 12px; }
.calen .leftcal .movie .box-cen span { display: block; text-align: center; font-size: 24px; color: 555; font-weight: 500; margin-top: -2px;  }
.calen .leftcal .movie .box-next { float: right; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.calen .leftcal .movie .box-next img { display: inline-block; margin-right: 2px;}
.calen table { width:100%; border-collapse: collapse; border:0; margin-bottom: 10px; }
.calen table thead tr { padding:0; border-bottom: 1px solid #aaa; height: 24px;}
.calen table thead tr th { font-size:12px; color: #da0000; font-weight: 500; text-align: center; }
.calen table thead tr td { padding:0; font-size:12px; color: #555;  text-align: center; }
.calen table tbody tr th { font-size:12px; color: #da0000; font-weight: 500; text-align: center; height: 22px; margin: 3px 0; }
.calen table tbody tr td { font-size:12px; color: #555;  text-align: center; height: 22px; margin: 3px 0;}
.calen table tbody td .inp { height: 23px; border: 1px solid #ddd; font-size:13px; color: #333; border-radius:0; }
.calen table tbody td .select { height: 25px; border: 1px solid #ddd; font-size:13px; color: #333; border-radius:0; vertical-align: middle;}
.calen table a { font-size:12px; color: #555;}
.calen table tbody tr th a { font-size:12px; color: #da0000;}
.calen table a p.active { font-size:12px; color: #fff; font-weight: 500; }
.calen .rightcal { width: 298px;}
.calen .rightcal .stp { width: 296px; height: 30px; background: #e5e5e5; border: 1px solid #d2d2d2; }
.calen .rightcal .stp p { text-align: center; font-size: 15px; color: #646464; font-weight: 500; line-height: 29px;}
.calen .rightcal .movie { display: inline-block; margin: 0 auto; width: 258px; height: 50px; margin: 5px 20px 5px; overflow: hidden;} 
.calen .rightcal .movie .box-back { float: left; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.calen .rightcal .movie .box-back img { display: inline-block; margin-right: 2px;}
.calen .rightcal .movie .box-cen { float: left; margin: 0 auto; width: 134px;}
.calen .rightcal .movie .box-cen p { text-align: center; font-size: 12px; color: 555; line-height: 12px; }
.calen .rightcal .movie .box-cen span { display: block; text-align: center; font-size: 24px; color: 555; font-weight: 500; margin-top: -2px;  }
.calen .rightcal .movie .box-next { float: right; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.calen .rightcal .movie .box-next img { display: inline-block; margin-right: 2px;}

.layer-cal { position: relative;  }
.layer-cal .calen { padding:0; margin: 0 auto; overflow: hidden; position: absolute; top:0; left: 0; z-index: 90000;}
.layer-cal .calen .leftcal { width: 298px;}
.layer-cal .calen .leftcal .stp { width: 296px; height: 30px; background: #e5e5e5; border: 1px solid #d2d2d2; }
.layer-cal .calen .leftcal .stp p { text-align: center; font-size: 15px; color: #646464; font-weight: 500; line-height: 29px;}
.layer-cal .calen .leftcal .movie { display: inline-block; margin: 0 auto; width: 258px; height: 50px; margin: 15px 20px 5px; overflow: hidden;} 
.layer-cal .calen .leftcal .movie .box-back { float: left; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.layer-cal .calen .leftcal .movie .box-back img { display: inline-block; margin-right: 2px;}
.layer-cal .calen .leftcal .movie .box-cen { float: left; margin: 0 auto; width: 134px;}
.layer-cal .calen .leftcal .movie .box-cen p { text-align: center; font-size: 12px; color: 555; line-height: 12px; }
.layer-cal .calen .leftcal .movie .box-cen span { display: block; text-align: center; font-size: 24px; color: 555; font-weight: 500; margin-top: -2px;  }
.layer-cal .calen .leftcal .movie .box-next { float: right; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.layer-cal .calen .leftcal .movie .box-next img { display: inline-block; margin-right: 2px;}
.layer-cal .calen table { width:100%; border-collapse: collapse; border:0; margin-bottom: 10px; }
.layer-cal .calen table thead tr { padding:0; border-bottom: 1px solid #aaa; height: 30px;}
.layer-cal .calen table thead tr th { font-size:12px; color: #da0000; font-weight: 500; text-align: center; }
.layer-cal .calen table thead tr td { padding:0; font-size:12px; color: #555;  text-align: center; }
.layer-cal .calen table tbody tr th { font-size:12px; color: #da0000; font-weight: 500; text-align: center; height: 28px; margin: 3px 0; }
.layer-cal .calen table tbody tr td { font-size:12px; color: #555;  text-align: center; height: 28px; margin: 3px 0;}
.layer-cal .calen table tbody td .inp { height: 23px; border: 1px solid #ddd; font-size:13px; color: #333; border-radius:0; }
.layer-cal .calen table tbody td .select { height: 25px; border: 1px solid #ddd; font-size:13px; color: #333; border-radius:0; vertical-align: middle;}
.layer-cal .calen table a { font-size:12px; color: #555;}
.layer-cal .calen table tbody tr th a { font-size:12px; color: #da0000;}
.layer-cal .calen table a p.active { font-size:12px; color: #fff; font-weight: 500; }
.layer-cal .calen .rightcal { width: 298px;}
.layer-cal .calen .rightcal .stp { width: 296px; height: 30px; background: #e5e5e5; border: 1px solid #d2d2d2; }
.layer-cal .calen .rightcal .stp p { text-align: center; font-size: 15px; color: #646464; font-weight: 500; line-height: 29px;}
.layer-cal .calen .rightcal .movie { display: inline-block; margin: 0 auto; width: 258px; height: 50px; margin: 15px 20px 5px; overflow: hidden;} 
.layer-cal .calen .rightcal .movie .box-back { float: left; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.layer-cal .calen .rightcal .movie .box-back img { display: inline-block; margin-right: 2px;}
.layer-cal .calen .rightcal .movie .box-cen { float: left; margin: 0 auto; width: 134px;}
.layer-cal .calen .rightcal .movie .box-cen p { text-align: center; font-size: 12px; color: 555; line-height: 12px; }
.layer-cal .calen .rightcal .movie .box-cen span { display: block; text-align: center; font-size: 24px; color: 555; font-weight: 500; margin-top: -2px;  }
.layer-cal .calen .rightcal .movie .box-next { float: right; width: 62px; vertical-align: middle; text-align: center; padding-top: 6px;}
.layer-cal .calen .rightcal .movie .box-next img { display: inline-block; margin-right: 2px;}


.step { }
.step > div { float:left; width:100px; height: 95px; background: #f1f1f1; position: relative; padding-top:15px; margin-left: 2px; }
.step > div:first-child { margin-left: 0; }
.step .tit { position: absolute; left: 0; top:12px; line-height: 10px; height: 11px; padding-left: 7px; position: absolute; font-size:12px; color: #2d2d2d;}
.step .tit:before { content: ''; position: absolute; left: 0; top:0; bottom:0; width:3px; background: #565656;}
.step .body { display: table; width:100%; height: 100%; }
.step .body p { display: table-cell; vertical-align: middle; text-align: center; font-size:14px; line-height: 18px; color: #565656; }
.step > div.active { background: #007a47; }
.step > div.active .tit { color: #e8f520; font-weight: 500;}
.step > div.active .tit:before { background: #e8f520; }
.step > div.active .body p { color: #fff; font-weight: 600; }

.note { padding:20px 27px; border: 3px solid #d5d5d5; }
.note .tit { font-size:18px; color: #262626; margin-bottom: 22px; }
.note .img { float:left; margin-right:30px; }
.note .txt { overflow:hidden;font-size:12px; line-height: 20px; color: #545454; }
.note .txt p { text-indent: 12px;}


.area { border: 1px solid #dcdcdc; }
.area > div { float:left; width:229px; height: 53px; line-height: 22px; background: #f1f1f1; position: relative; margin-left: 1px; }
.area > div:first-child { margin-left: 0; width:228px; }
.area .tit { font-size:18px; font-weight: 500; color: #848484; padding:5px 0 0 15px;}
.area .body { font-size:14px; color: #848484; padding-left: 15px; }
.area > div.active { background: #007a47; }
.area > div.active .tit { color: #f5fe00;}
.area > div.active .body { color: #fff; }
.current-dollor { margin:15px; font-size:13px; color: #ef4023; }


.enroll .tit { font-size:18px; color: #ef4023; margin-bottom: 30px; }
.enroll .col-box { margin-bottom: 50px;}
.enroll .img { float:left; text-align: center; width:220px; }
.enroll .txt { overflow: hidden; font-size:14px; line-height: 22px; color: #4b4b4b; }
.enroll .memo { text-align: center; padding:20px 0; font-size:18px; color: #007a47; border-top:1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin-bottom: 30px; }
.enroll .memo span { margin-right: 20px;}

.online-table.table1 table tbody tr:first-child td,
.online-table.table1 table tbody tr:first-child th { border-top:1px solid #b0b0b0; }
.input {height: 33px; border: 1px solid #ccc; padding-left: 10px; font-size:16px; color: #595959; vertical-align: middle;}
.select { height:35px; border: 1px solid #ccc; padding-left: 10px; font-size:16px; color: #595959; vertical-align: middle;}
.online-table .select { width:200px;}
.online-table table tbody td { text-align: left; padding:10px; }

.file-list { padding:10px 20px; background: #f1f1f1;  margin-bottom: 40px; }
.file-list > div { height: 30px; line-height: 28px; font-size:14px; color: #6e6e6e; position: relative; }
.file-list > div span { margin-left: 30px; }
.file-list > div span a { color: #6e6e6e; }
.file-list .btn-del { position: absolute; right:30px; top:5px; width:36px; height: 20px; line-height: 18px; text-align: center; font-size:13px; background: #707070; color: #fff; }

.requirement { padding:24px; }
.requirement .modal-table table tbody td {vertical-align:  top; font-size:13px; line-height: 16px; color: #6a6a6a; font-weight: 300; letter-spacing: -1px; padding-top:10px; padding-bottom: 20px;}


.calendar .tit { font-size:11px; color: #6d6d6d; margin-bottom: 8px; }
.calendar .today { text-align: center; font-size:24px; color: #1e1e1e; font-weight: 600; }
.calendar .col-left .btn-move { height:33px; font-size:14px; color: #fff; background: #8b8b8b; width:74px; border-radius:3px; }
.calendar .col-left .btn-today { height:33px; font-size:14px; color: #fff; background: #2c2f90; width:54px; border-radius:3px; }
.calendar .title .col-right { padding-top:7px;}
.calendar .cal-table table { width:100%; border-collapse: collapse;border:2px solid #c9c9c9; }
.calendar .cal-table table thead th { height: 31px; font-size:12px; background: #f2f2f2; color: #303030; border: 1px solid #dedede; font-weight: 500;}
.calendar .cal-table table thead th:first-child { color: #ff0000; }
.calendar .cal-table table thead th:last-child { color: #0054ff; }
.calendar .cal-table table tbody td { border: 1px solid #dedede; }
.calendar .cal-table table tbody td div { height: 80px; padding:22px 7px 7px; position: relative;}
.calendar .cal-table table tbody td div em { position: absolute; right:5px; top:3px; font-size:12px; color: #303030;  z-index:10;}
.calendar .cal-table table tbody td div .day { position: absolute; left:0; right:0; top:0; height: 25px; background: #f2f2ff; }
.calendar .cal-table table tbody td div p { font-size:12px; color: #383838; line-height: 16px;}
.calendar .cal-table table tbody td.active { background: #ffebe7; }
.calendar .cal-table table tbody td:first-child div em { color: #ff0000 }
.calendar .cal-table table tbody td:last-child div em { color: #0054ff  }



#online-login { position: absolute; left:50%; top:45%; margin:-291px 0 0 -256px; width:522px; height: 582px; border:1px solid #9c9c9c; box-shadow:0 6px 0 #dadada;  border-radius:10px;}
#online-login .in { text-align: center; padding:38px 40px 0; }
#online-login .logo { margin-bottom: 30px; }
#online-login .tit { font-size:20px; line-height: 40px; color: #232323; margin-bottom: 30px; }
#online-login .tit strong { font-size:32px; display: block; }
#online-login dl { width:325px; margin: 0 auto 10px	; }
#online-login dl dt { float:left; width:80px; margin-right:5px; font-size:20px; font-weight: 500; line-height: 39px; height: 40px; color: #4d4d4d; text-align: justify; text-align-last: justify; letter-spacing: -5px; }
#online-login dl dd { overflow: hidden; margin-left: 5px; }
#online-login dl dd .input { width:213px; height: 38px; font-size:16px; color: #2e3192; font-weight: 500;}
#online-login .btn-box { margin-top:40px; padding-top:25px; border-top:1px solid #dedede; }
#online-login .alert { font-size:13px; padding-top:20px; color: #ee3214;}

.login { padding:0 30px; margin:20px auto 30px; width: 1040px; }
.login .tit { display: block; margin: 0 auto; border: 2px solid #b5b5b5; width: 300px; border-radius:30px;  padding: 0 10px; text-align: center;  height: 52px; font-size:30px; color: #5d5d5d; line-height: 51px; letter-spacing: -1px; font-weight: 500; }
.login .st { display: block; font-size: 15px; color: #5d5d5d; margin-top: 12px; line-height: 20px;  text-align: center; font-weight: 300;  letter-spacing: -1px;}
.login .login-tab:after { display:block; content:''; clear:both;}
.login .login-tab { position:relative; width: 1040px; margin: 10px auto 30px; padding-top: 30px;}
.login .login-tab:before { content:''; display:block; width:100%; height:4px; background:#aaa; position:absolute; left:0; bottom:-3px; z-index:-1; }
.login .login-tab a { float:left; width:120px; height:38px; line-height:38px; text-align:center; font-size:15px; font-weight:500; color:#aaa; background:#fff; border: 1px solid #aeaeae; margin-left:0; }
.login .login-tab a:first-child { margin-left:0; }
.login .login-tab a.active { background:#18afc2; color:#fff; border:0; height:39px; line-height:39px;}
.login .item { display: block; margin: 0 auto; width: 840px; }
.login .item table { width: 100%; border-collapse: collapse;}
.login .item table tbody th { height: 36px; padding:4px 6px;}
.login .item table tbody th .it { display: inline-block; background: #7d8182; width: 70px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}
.login .item table tbody th .it2 { display: inline-block; background: #7d8182; width: 120px; height: 25px; text-align: center; font-size:14px; color:#fff; line-height: 24px; letter-spacing: -1px; border-radius: 30px; font-weight: 500;}

.login .item table tbody td { font-size:14px; color: #07373d; font-weight: 500; letter-spacing: -0.5px; padding:4px 6px; }

.login .bline { display: block; margin:20px auto; width:100%; height: 4px; background: #aaa; }
.login .bline2 { display: block; margin:20px auto; width:70px; height: 4px; background: #aaa; }
.login .bline-s { display: block; margin:20px auto; width:60%; height:2px; background: #aaa; }
.login .end { display: block; text-align: center; font-size:30px; color: #5d5d5d; margin-bottom: 12px; letter-spacing: -1px; margin-bottom: 60px;}

.login .inp { width:383px; height: 46px; padding:0 10px; font-size:16px; border:1px solid #c5c5c5; color: #636363; vertical-align: middle; }
.login .inp2 { height: 20px; background: #f5f5f5; padding:2px 10px; font-size:14px; border:1px solid #eaeaea; color: #07373d; letter-spacing: -1px; font-weight: 500; vertical-align: middle;}
.login .select { height: 26px; background: #f5f5f5; padding:0 0 0 10px; font-size:13px; font-weight: 500; border:1px solid #eaeaea; color: #636363; vertical-align: middle; }
.login label { font-size:14px; color: #444; }
.login .btn-login { display: block; margin:0 auto;  width:384px; height: 48px; line-height: 47px; text-align: center; font-size:18px; color: #fff; font-weight: 600; background: #18afc2; border-radius:30px; }
.login .btns { text-align: center; padding:15px 0; border-bottom: 1px solid #ddd; }
.login .btns a { display: inline-block; vertical-align: middle; font-size:15px; color: #585858;}
.login .btns span { display: inline-block; vertical-align: middle; font-size:10px; color: #b3b3b3; margin:0 20px; }
.login .regi { padding-top:20px; overflow: hidden;}
.login .regi p { float: left; padding-top:8px; font-size:14px; color: #585858; }
.login .regi a { float:right; width:129px; height: 36px; line-height: 35px; text-align: center; background: #5a5a5a; border-radius:4px; font-size:16px; color: #fff; font-weight: 600;}



.quiz { height: 850px;}
.quiz .title { padding:30px 20px; background: #2e3192; }
.quiz .title .col-left { font-size:24px; font-weight: 600; color: #fff; }
.quiz .title .col-right { font-size:15px; font-weight: 500; color: #fff; padding-top:15px; }
.quiz .time { line-height: 34px; background: #f2f2f2; padding:0 20px; }
.quiz .time .col-left { color:#323232}
.quiz .time .col-right { color:#ff0000}

.quiz-box {  height:719px; position: relative; padding-right:223px;}
.quiz-box .marking-box { position: absolute; right:0; top:0; bottom:0; width:213px; padding-left:10px; overflow: scroll; overflow-x: hidden; }
.quiz-box .list-box { overflow: auto; padding:0 20px 30px; height: 689px; }
.quiz-box .list-box .length { text-align: center; padding:8px 0; font-size:16px; color: #323232; border-bottom: 1px solid #dedede; }
.quiz-box .list-box .length .col { float:left; width:33.3333333%; }
.quiz-box .list-box .length input[type=text] { width:80px; height: 31px; text-align: center; font-size:16px; color: #323232; border: 1px solid #ccc;}
.quiz-box .list-box .length .col.last,
.quiz-box .list-box .length .col.last input[type=text] { color: #ff0000; }
.quiz-box .list-box .section .subj { font-size:13px; line-height: 18px; color: #2e2e2e; position: relative; padding-left: 10px; }
.quiz-box .list-box .section .subj strong { position: absolute; left:-14px; font-size:16px; color: #333; }



.checkbox { position: absolute;left:-9999px;}
.checkbox + label { height: 20px;  line-height: 18px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox_off.png) no-repeat 0 0; padding-left: 22px; font-size:14px; color: #282828; margin-right:5px;} 
.checkbox:checked + label { background: url(../img/common/checkbox_on.png) no-repeat 0 0;}
.checkbox[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.checkbox2 { position: absolute;left:-9999px;}
.checkbox2 + label { height: 22px;  line-height: 120%; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox_off.png) no-repeat 0 0; padding-left: 20px; font-size:15px; color: #999; letter-spacing: -0.5px; font-weight: 400; margin-left:6px;} 
.checkbox2:checked + label { background: url(../img/common/checkbox_on.png) no-repeat 0 0; font-size:15px; color: #00c1da; font-weight: 400; letter-spacing: -0.5px;}


.quiz-box .list-box .section { padding:20px 25px 0; border-bottom: 1px solid #dedede;}
.quiz-box .list-box .section ul { padding:10px;}
.quiz-box .list-box .section ul li { position: relative; padding-left: 27px; margin-bottom: 12px;}
.quiz-box .list-box .section ul li .checkbox + label { position: absolute; left:0; top:0; }
.quiz-box .list-box .section ul li p { font-size:12px; line-height: 16px; color: #5d5d5d;}
.quiz-box .list-box .section .text p { font-size:12px; line-height: 16px; color: #5d5d5d; padding:5px 10px; text-indent: -10px; padding-left: 20px; }
.quiz-box .marking-box table { width:100%; border-collapse: collapse;}
.quiz-box .marking-box table thead th { height: 31px; font-size:14px; color: #323232;}
.quiz-box .marking-box table tbody td:first-child { text-align: center;}
.quiz-box .marking-box table tbody td { padding:3px 9px; border-top:1px solid #e5e5e5; }
.quiz-box .marking-box table tbody td:first-child span { display: inline-block; vertical-align: middle; width:24px; height: 18px; line-height: 17px; border: 1px solid #6b6b6b; text-align: center; font-size:13px; color: #353535; }
.quiz-box .marking-box table tbody td:first-child span.active { border: 2px solid #ee3214; color: #ee3214; width:22px; height: 16px; line-height: 15px;}
.quiz-box .marking-box table tbody td .inp { width:93%; height: 18px; border: 1px solid #ccc; padding-left: 5px; font-size:12px; color: #5b5b5b; }
.marking { position: absolute; left: -9999px;}
.marking + label { display: inline-block; vertical-align: middle; width:20px; height: 20px; text-align:center; line-height: 19px; font-size:12px; color: #676767; background: url(../img/common/marking_off.png) no-repeat 0 0;margin:0 1px;}
.marking:checked + label { background-image:url(../img/common/marking_on.png); color: #ee3214;  }

.quiz-box .marking-box .result { padding:5px 10px; font-size:13px; line-height: 18px; color: #323231; background: #efefef;  }
.quiz-box .marking-box .result p { padding-left:10px; background: url(../img/common/bu_ex.png) no-repeat 0 50%; }
.quiz-box .marking-box .btn-box { padding-top:10px; text-align: center;}
.quiz-box .marking-box .btn-box button { display: inline-block; vertical-align: middle; width:87px; height: 31px; text-align: center; border: 1px solid #ee3214; color: #ee3214; font-size:15px; font-weight: 500; background: #fff; border-radius:3px;}
.quiz-box .marking-box .btn-box button.btn-result { background: #ee3214; color:#fff; }


.table-map2 { margin-bottom: 25px;}
.table-map2 table { width:880px; border-collapse: collapse; border-top:1px solid #a0a0a0; }
.table-map2 table th { background: #fafafa; text-align: center; font-size:14px; color:#202020; letter-spacing: -0.5px; padding:8px 4px; border-bottom: 1px solid #dfdfdf; font-weight: 500;}
.table-map2 table tbody td {  font-size:12px; color:#747474; letter-spacing: 0; padding:8px 4px; border-bottom: 1px solid #dfdfdf; }
.table-map2 table tbody tr:last-child th,
.table-map2 table tbody tr:last-child td { border-bottom: 1px solid #a0a0a0; }

#survey-pop:after { display: block; content: ''; clear: both;}
#survey-pop { margin: 0 auto; width:800px; height:800px; position:relative; padding: 0 30px 30px 30px; }

#survey-pop .s-title { padding: 0; height:60px; background: #00c1da; border-radius: 5px; }
#survey-pop .s-title p { text-align: center; line-height: 59px; font-size: 28px; color: #fff; font-weight: 600; letter-spacing: -1px; }

#survey-pop .lec-title { margin: 0 auto; width: 70%; padding: 20px; height: 30px; border-bottom: 2px solid #00c1da; margin-bottom: 50px; }
#survey-pop .lec-title p { text-align: center; line-height: 49px; font-size: 24px; color: #000; font-weight: 500; letter-spacing: -1px; }

#survey-pop .q-num { text-align: left; margin-bottom: 10px; }
#survey-pop .q-num span { display: inline-block; vertical-align: middle; border-radius: 20px; width:70px; height: 30px; background: #3f3f3f; text-align: center; font-size: 18px; color: #fff; letter-spacing: -1px; font-weight: 500; margin-right: 10px; }
#survey-pop .q-num em { display: inline-block; text-align: left; font-size: 17px; color: #282828; font-weight: 500; letter-spacing: -1px; }

#survey-pop .a-sel { display: block; content: ''; clear: both;}
#survey-pop .a-sel label { font-size:16px; color: #2a2a2a; }
#survey-pop .a-sel { height: 56px; line-height: 54px;  padding:0 0 5px 88px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #fff; margin: 10px 0 50px; }
#survey-pop .a-sel p { display: inline-block; margin-right: 25px; vertical-align: middle; font-size: 16px; color: #2a2a2a; font-weight: 500; letter-spacing: -1px;}

#survey-pop .a-sel2 { height: 100px; padding:0 0 5px 88px; margin: 10px 0 40px; }
#survey-pop .a-sel2 textarea { width:99%; overflow: auto; resize:none; border: 1px solid #7e7e7e; background: #fff; font-size:17px; font-weight: 500; line-height: 150%; color: #252525; padding: 10px; box-sizing: border-box; }

.p-btn { display: inline-block; vertical-align: middle; width: 150px; height:36px; line-height:35px; text-align: center; background: #00c1da; border-radius: 30px; font-size: 20px; color: #fff; font-weight: 500; letter-spacing: -1px; margin-right: 4px;}
.p-btn2 { display: inline-block; vertical-align: middle; width: 150px; height:36px; line-height:35px; text-align: center; background: #6c6c6c; border-radius: 30px; font-size: 20px; color: #fff; font-weight: 500; letter-spacing: -1px;}

.radio-s1 { position: absolute;left:-9999px;}
.radio-s1 + label { padding-left: 36px; line-height: 28px; height: 30px; display: inline-block; vertical-align: middle; background: url(../img/common/radios1_off.png) no-repeat 0 0; margin-right:7px; } 
.radio-s1:checked + label { background: url(../img/common/radios1_on.png) no-repeat 0 0;}

.radio-s2 { position: absolute;left:-9999px;}
.radio-s2 + label { padding-left: 36px; line-height: 28px; height: 30px; display: inline-block; vertical-align: middle; background: url(../img/common/radios2_off.png) no-repeat 0 0; margin-right:7px; } 
.radio-s2:checked + label { background: url(../img/common/radios2_on.png) no-repeat 0 0;}

.radio-s3 { position: absolute;left:-9999px;}
.radio-s3 + label { padding-left: 36px; line-height: 28px; height: 30px; display: inline-block; vertical-align: middle; background: url(../img/common/radios3_off.png) no-repeat 0 0; margin-right:7px; } 
.radio-s3:checked + label { background: url(../img/common/radios3_on.png) no-repeat 0 0;}

.radio-s4 { position: absolute;left:-9999px;}
.radio-s4 + label { padding-left: 36px; line-height: 28px; height: 30px; display: inline-block; vertical-align: middle; background: url(../img/common/radios4_off.png) no-repeat 0 0; margin-right:7px; } 
.radio-s4:checked + label { background: url(../img/common/radios4_on.png) no-repeat 0 0;}

.radio-s5 { position: absolute;left:-9999px;}
.radio-s5 + label { padding-left: 36px; line-height: 28px; height: 30px; display: inline-block; vertical-align: middle; background: url(../img/common/radios5_off.png) no-repeat 0 0; margin-right:7px; } 
.radio-s5:checked + label { background: url(../img/common/radios5_on.png) no-repeat 0 0;}





/* 툴팁 */
[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: rgba(0, 0, 0, 0.8);

  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
  color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0;
	margin-bottom: 10px;
	padding: 6px 8px;
	position: absolute;
	width: auto;
	min-width: 90px;
	max-width: 600px;
	word-wrap: break-word;

	z-index: 9999;

	opacity: 0;
	left: -9999px;
	top: 90%;
	
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 130%;
	left: 0;
	opacity: 1;
}




.btn-sky { display: inline-block; vertical-align: middle; width:80px; height: 30px; line-height: 29px; border-radius:25px; text-align: center; background: #00c1da; font-size:14px; color: #fff; font-weight: 500; margin-right: 5px; }

.btn-gray { display: inline-block; vertical-align: middle; width:80px; height: 30px; line-height: 29px; border-radius:25px; text-align: center; background: #7d8182; font-size:14px; color: #fff; font-weight: 500; }