@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);


@font-face {
    font-family:'notokr-bold';
    src:  url('../fonts/NotoKR-Bold/notokr-bold.eot'); 
    src: url('../fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
     url('../fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
    url('../fonts/NotoKR-Bold/notokr-bold.woff') format('woff'),
    url('../fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
    url('../fonts/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'notokr-medium';
    src: url('../fonts/NotoKR-Medium/notokr-medium.eot');
    src: url('../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
    url('../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'),
    url('../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
    url('../fonts/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'NotoSansKR-Regular';
    src: url('../fonts/NotoSansKR-Regular/NotoSansKR-Regular.eot');
    src: url('../fonts/NotoSansKR-Regular/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansKR-Regular/NotoSansKR-Regular.woff2') format('woff2'),
    url('../fonts/NotoSansKR-Regular/NotoSansKR-Regular.woff') format('woff'),
    url('../fonts/NotoSansKR-Regular/notokr-regular.ttf') format('truetype'),
    url('../fonts/NotoSansKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family:'NotoSansKR-Light';
    src: url('../fonts/NotoSansKR-Light/NotoSansKR-Light.eot');
    src: url('../fonts/NotoSansKR-Light/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansKR-Light/NotoSansKR-Light.woff2') format('woff2'),
    url('../fonts/NotoSansKR-Light/NotoSansKR-Light.woff') format('woff'),
    url('../fonts/NotoSansKR-Light/NotoSansKR-Light.ttf') format('truetype'),
    url('../fonts/NotoSansKR-Light/NotoSansKR-Light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'), url(http://fonts.gstatic.com/s/notosanskr/v3/Pby6FmXiEBPT4ITbgNA5CgmOsk7vyJQ.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'), url(http://fonts.gstatic.com/s/notosanskr/v3/Pby7FmXiEBPT4ITbgNA5CgmOelz477IS.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), url(http://fonts.gstatic.com/s/notosanskr/v3/PbykFmXiEBPT4ITbgNA5CgmG0X7u.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), url(http://fonts.gstatic.com/s/notosanskr/v3/Pby7FmXiEBPT4ITbgNA5CgmOIl3477IS.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'), url(http://fonts.gstatic.com/s/notosanskr/v3/Pby7FmXiEBPT4ITbgNA5CgmOalv477IS.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'), url(http://fonts.gstatic.com/s/notosanskr/v3/Pby7FmXiEBPT4ITbgNA5CgmOUln477IS.otf) format('opentype');
}



@font-face {
    font-family:'noto_sans';
    font-style:normal;
    font-weight:100;
    src:url(/fonts/notokr-thin.woff) format('woff');
}
@font-face {
    font-family:'noto_sans';
    font-style:normal;
    font-weight:200;
    src:url(/fonts/NotoSansKR-Light/NotoSansKR-Light.woff) format('woff');
}
@font-face {
    font-family:'noto_sans';
    font-style:normal;
    font-weight:300;
    src:url(/fonts/NotoSansKR-Light/NotoSansKR-Light.woff) format('woff');
}
@font-face {
    font-family:'noto_sans';
    font-style:normal;
    font-weight:700;
    src:url(/fonts/NotoKR-Medium/notokr-medium.woff) format('woff');
}
@font-face {
    font-family:'noto_sans';
    font-style:normal;
    font-weight:800;
    src:url(/fonts/NotoKR-Bold/notokr-bold.woff) format('woff');
}
@font-face {
    font-family:'noto_sans';
    font-style:normal;
    font-weight:900;
    src:url(/fonts/notokr-black.woff) format('woff');
}
@font-face {
    font-family:'noto_sans';
    font-style:normal;
    font-weight:500;
    src:url(/fonts/notokr-regular.woff) format('woff');
}

/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt85{margin-top:85px !important}
.mt90{margin-top:90px !important}
.mt95{margin-top:95px !important}
.mt100{margin-top:100px !important}
.mt110{margin-top:110px !important}
.mb5{ margin-bottom:5px !important}
.mb10{ margin-bottom:10px !important}
.mb15{ margin-bottom:15px !important}
.mb20{ margin-bottom:20px !important}
.mb30{ margin-bottom:30px !important}
.mb40{ margin-bottom:40px !important}
.mb50{ margin-bottom:50px !important}
.mb100{ margin-bottom:100px !important}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}

.mr0{ margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.m_4t{ margin:25px 40px}/*pc용*/

.vam{ vertical-align:middle}


html{overflow-y:scroll;}
/* reset */
html, body{font-family:'Noto Sans','Noto Sans KR','notokr-medium','돋움','Dotum','굴림',sans-serif !important;font-size:13px;color:#222;letter-spacing: -0.05em;line-height: 1.3}
html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, i,
center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video{margin:0;padding:0;border:0;vertical-align:baseline;color:inherit;text-decoration:none;/*font:inherit;*/}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none}
table{border-collapse:collapse;border:0;/*border-spacing:0px;table-layout:fixed;zoom:1;empty-cells:show;width:100%;*/}
th,td{word-wrap:break-word;line-height:1.3;padding-left:3px;padding-right:3px;}
img{vertical-align:top;max-width: 100%}
input[type=checkbox], input[type=radio]{vertical-align:middle;position:relative;margin:0;padding:0;}
textarea{font-family:'Noto Sans','Noto Sans KR','notokr-medium','돋움','Dotum','굴림',sans-serif !important;font-size:13px;color:#222;}
#accessibility, .skip, legend, caption{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
button{padding:0;margin:0;border:0;background:0;line-height:normal;cursor:pointer}
button:focus{outline:none;}
a{text-decoration:none;cursor:pointer;}
a:link,a:hover,a:active{text-decoration:none;outline:none !important;color:inherit;}
.clearfix{*zoom:1}
.f_left{float:left;}
.f_right{float:right;}
.clearfix:after{display:block;content:'';clear:both}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:92%;}
.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
strong,strong *{font-weight:bold !important;}
*:focus {outline:none;}
del{text-decoration:line-through;color:#aeaeae}
.blindw{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
/*layout*/
html{margin:0 auto;}
#mWrap{position:relative;}
.darkmask{position:absolute;z-index:9998;background:#000;left:0;top:0;}


/* form */
input[type=checkbox], 
input[type=radio]{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
input[type=text],
input[type=password] {padding:0px 2px 0px 2px;/*line-height:23px;height:23px;*/border:1px solid #dfdfdf;vertical-align: middle;background:#fff; padding-left:10px}
select {border:1px solid #dfdfdf;font-size:12px;color:#444; }
.radio, .checkbox {width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}


/* SkipToContent */
#skipToContent{margin:0;}
#skipToContent a{position:absolute;left:-3000%}
#skipToContent a:focus{display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#555;color:#fff;text-align:center}


body.disabled {overflow:hidden;position:fixed;width:100%}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}




/*common*/
.wrap_content{position:relative;width:1080px;margin:0 auto;}
.wrap_content .mockSky{position:absolute;right:-130px;top:0;}
/* */
.wrap_content .mockSky2{position:absolute;right:-130px;top:0;}
/* .wrap_content .mockSky2.confm{top: 0;right: -230px;} */
.wrap_content .mockSky2 .btn{font-size: 0;position: absolute;top: 50%;left: 0;width: 100%;height: 50%;}
.wrap_content .mockSky2 .btn a{position: absolute;top: 0;left: 0;width: 100%;height: 50%;}
.wrap_content .mockSky2 .btn a + a{top: 50%;}
.wrap_content .mockSky2.gong .btn{height: 30%;top: 70%;}
.wrap_content .mockSky2.gong .btn a{height: 100%;}
.wrap_content .mockSky2.gong.confm .btn{font-size: 0;position: absolute;top: 50%;left: 0;width: 100%;height: 50%;}
.wrap_content .mockSky2.gong.confm .btn a{position: absolute;top: 0;left: 0;width: 100%;height: 50%;}
.wrap_content .mockSky2.gong.confm .btn a + a{top: 50%;}
/*200213 추가 */



.tabs li{float:left;width:87px;}
.tabs li a{position:relative;display:inline-block;padding:12px 0 0 0;font-size:14px;color:#ffffff;line-height:16px;font-family:"Noto Sans KR", sans-serif;}
.tabs li.on a{padding:10px 0 0 0;color:#1da4fc;border-top:2px solid #1da4fc;}
.tab_container .tab_content{display:none;}

.mt10{margin-top:10px;}
.mb0{margin-bottom:0px !important;}
.mb30{margin-bottom:30px;}

/* 레이어 팝업 공통 */
.layerPopup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;}
.layerPopup .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;}
.layerPopup .contentBox{position:absolute;z-index:101;}
.layerPopup .contentBox .btnToday{position:absolute;bottom:-30px;right:0;padding:0 15px;height:30px;line-height:30px;background:#000;color:#d8d8d8;font-weight:bold;}

/* 안성 올케어 레이어 */
.layerPopup .allCareLayer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:1080px;}
.layerPopup .allCareLayer .pc{}
.layerPopup .allCareLayer .mo{display:none;}
.layerPopup .allCareLayer .btnClose{position:absolute;right:0;top:-32px;}



/*MAIN*/
#mContainer.main{position:relative;padding-top:56px;min-width:1080px;}
#mContainer.event{margin-bottom:0;}
#mContainer.mbnone{margin:0 auto}
#mContainer p.title{margin:30px 0 20px 0;border-bottom:2px solid #929292}
#mContainer p.title span{display:inline-block;padding-bottom:10px;font-size:24px;line-height:30px;color:#141414;letter-spacing:-1px;font-weight:bold}
#mContainer #mLnb{float:left;width:200px;border-top:3px solid #222}
#mContainer #mLnb ul{position:relative;}
#mContainer #mLnb ul::after{content:"";display:block;clear:both;}
#mContainer #mLnb ul li{border-bottom:1px solid #d9d9d9;}
#mContainer #mLnb ul li a{position:relative;display:block;height:70px;line-height:70px;font-size:22px;font-family:'notokr-bold';color:#333;}
#mContainer #mLnb ul li.on a,#mContainer #mLnb ul li a:hover{color:#333;}
#mContainer #mLnb ul li span{display:inline-block;padding-left:5px;vertical-align:middle}
#mContainer #mLnb ul li .sub_nav{display:block;margin:0;padding:0px 0 0 3px;border-top:1px dashed #eeeeee;}
#mContainer #mLnb ul li .sub_nav li{position:relative;border-bottom:1px dotted #e8e7e7; font-family:'notokr-medium'}
#mContainer #mLnb ul li .sub_nav li.last{border-bottom:none;}
#mContainer #mLnb ul li .sub_nav li a{position:relative;display:block;padding:0 0 0 8px;line-height:40px;font-size:16px;font-weight:normal;color:#777;height:40px;font-family:'notokr-medium'}
#mContainer #mLnb ul li .sub_nav li a:hover,#mContainer #mLnb ul li .sub_nav li.on a{color:#222;}
#mContainer #mLnb ul li .sub_nav > li > a:before{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;background-color:#666;transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#mContainer #mLnb ul li .sub_nav li.line_2{padding:5px 0 7px;}
#mContainer #mLnb ul li .sub_nav li.line_2 a{height:auto;line-height:16px;}
#mContainer #mLnb ul li .sub_nav > li.line_2 > a:before{top:25%;}
#mContainer #mLnb ul li .sub_nav li span{display:block;vertical-align:middle;padding:7px 0 3px 5px;margin-left:-7px;font-size:13px}
#mContainer #mLnb ul li .sub_nav li:last-child{border-bottom:none;}
#mContainer #mLnb ul li .sub_nav li ul li a{padding:0 0 0 18px;}
#mContainer #mLnb ul li .sub_nav li ul li a:before{content:"";position:absolute;top:0px;left:8px;}
#mContainer #mLnb ul li .sub_nav li .evt_link{position: relative;padding:0}
#mContainer #mLnb ul li .sub_nav li .evt_link a{height:20px;line-height:20px;padding: 0 0 8px 23px;}
#mContainer #mLnb ul li .sub_nav li .evt_link::before{content: "";position: absolute;top: 5px;left: 12px;width: 5px;height: 5px;border-left: 1px solid #333;border-bottom: 1px solid #333;}
#mContainer #mLnb .lnbBanner{padding-top:30px;}
#mContainer #mLnb .lnbBanner p.last{padding-top:10px;}
#mContainer #mLnb .lnbBanner2{padding-top:0;padding-bottom:20px;}
/* 수정 */
#mContainer #mLnb .btnReturn{margin:12px 0 0 0;}
#mContainer #mLnb .btnReturn .mo{display:none;position:relative;border:1px solid #d9d9d9;line-height:36px;padding:0 0 0 34px;}
#mContainer #mLnb .btnReturn .mo.on:before{position:absolute;right:14px;bottom:12px;content:"";width:6px;height:12px;}
#mContainer #mLnb .btnReturn.gong .mo.on:before{background:url('') no-repeat 0 0;background-size:6px auto;}
#mContainer #mLnb .btnReturn.sobang .mo.on:before{background:url('') no-repeat 0 0;background-size:6px auto;}
#mContainer #mLnb .btnReturn.gong{color:#1a9ea3;background:url('') no-repeat 13px 50%;background-size:16px auto;}
#mContainer #mLnb .btnReturn.sobang{color:#e91c22;background:url('') no-repeat 13px 50%;background-size:16px auto;}
#mContainer #mLnb .btnRecruit{margin:12px 0 0 0;}
#mContainer #mLnb .btnRecruit .mo{display:none;color:#d54798;position:relative;border:1px solid #d9d9d9;line-height:36px;padding:0 0 0 34px;background:url('') no-repeat 11px 50%;}
#mContainer #mLnb .btnRecruit .mo.on:before{position:absolute;right:14px;bottom:12px;content:"";width:6px;height:12px;background:url('') no-repeat 0 0;background-size:6px auto;}

#mContainer #mContent{position:relative;float: right;width:540px;padding-left:41px;margin:0 auto 30px 0;}
#mContainer #mSbanner{float:right}
#mContainer #mSbanner p.first{padding-top:0px}
#mContainer #mSbanner p:first-child{padding-top:0;}
#mContainer #mSbanner p{padding-top:10px;}

#mContent .contxt{margin-bottom:20px;line-height:1.4}


/*@@모의고사메인@@*/
#mMain{position:relative;float:left;width:100%;}
.Content{ padding:0}


/*모의고사메인 리스트들(공무원, 일반경찰 등등)*/
.b_review{ width:48%; height:auto; margin:30px 0 40px 0; }
.i_month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:536px; }
.b_review .month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:170px; }
.b_review .tit{ width:100%; height:51px; border-bottom:1px solid #e0e1e3; float:left; position:relative}
.b_review .tit .text{ width:100%; font-size:1.9em; font-family:'notokr-bold'; text-align:left; color:#333}
.r_style_bg { font-size:13px; height:auto; float:left;position:relative}

.r_style_bg th{text-align:left; font-size:16px; font-weight:600;height:43px;border-bottom:1px solid #dedede; position:relative; color:#3f3f3f}
.r_style_bg .gel{text-align:left; font-size:14px; line-height:19px; height:43px; position:relative; width:33.3%;font-family:'NotoSansKR-Light'; }
.g_box{ margin:0 5px 5px 5px; }
.g_box img{ width:100%; border:1px solid #CCC}
.r_style_bg .font_s12{ font-size:12px; font-weight:normal; color:#666666}
.r_style_bg .font_s13{ font-size:13px; font-weight:normal; color:#666666}


.r_style_bg .no_l{border-bottom:0;}
.r_style_bg td { text-align:left }


.more_l01{
	position:absolute;
	top:7px;
	right:10px;
	margin-top:10px;
	margin-right:0px;
	width:55px;
	height:25px;
	border:0;
}

/*컨텐츠영역 늘리기*/
#mContainer.wideC #mContent{width:835px;}
#mContainer.wideC #mSbanner{float:none;position:absolute;top:223px;right:-135px;}
.s_navigation{ width:100%; text-align:left; font-size:13px; }
.s_navigation .arr{ margin:0 6px 0 6px }

/*주문서작성*/
.or_navigation{ width:40%; text-align:right; font-size:15px; right:1px; bottom:10px; position:absolute }
.or_navigation .arr{ margin:0 6px 0 6px }
.b_tit{ font-size:28px; font-family:'notokr-bold'; width:100%; position:relative; height:40px; border-bottom:2px solid #444}
.s_tit{ font-size:21px; font-family:'notokr-bold'; width:100%; margin:30px 0 10px 0; background:url(../images/h2_icon.png) no-repeat 1px 7px; padding-left:20px}


.applyIng {margin-top:24px; background:#f5f5f5; padding:10px}
.applyIng dl {border:solid 1px #dcdcdc; border-radius:3px; background:#fff; margin-top:10px; position:relative;}
.applyIng dl:hover {border-color:#c1c1c1;}
.applyIng dl:first-child {margin-top:0}
/*.applyIng dl:hover {border-color:#c1c1c1; -webkit-box-shadow:2px 2px 5px #cccccc; -moz-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc; position:relative; top:-2px; left:-2px;}*/
.applyIng dl dt {padding:21px 25px 23px; position:relative; overflow:hidden}
.applyIng dl dt .t1 {font-size:16px; color:#333; font-weight:500; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.applyIng dl dt .t1 span {float:left; top:6px}
.applyIng dl dt .t2 {font-size:13px; color:#a0a0a0; margin-top:1px; color:#888; font-weight:300;}

.effect_em{ position:relative}

.f_box { right:10px; top:10px; bottom:5px; width:50%; text-align:right; position: absolute; overflow:hidden}
.f_box .f_Area { bottom:21px; right:25px; margin-right:10px; margin-top:10px; margin-bottom:10px}/*포인트*/

.f_box .f_Area1 { bottom:21px; right:100px; margin:10px; }/*가격*/

.p_wred{ font-family:Tahoma, Geneva, sans-serif; color:#F30; font-size:20px; font-weight:600}
.c_red{color:#fb2c2c !important}/*레드*/
.c_ge{color:#a6a8a7 !important}/*그레이*/
.c_bl{ color:#2f6bda !important}/*파랑*/

.i_class{ background:#fff; color:#2f8afa; border:1px solid #2f8afa; padding:3px 7px 4px 7px; font-size:13px; margin-right:6px }/*파란색*/
.my_pa{ position:absolute}


/*포인트, 결제완료 박스*/

.point_t{ background:#f5f5f5; padding:20px 30px; width:1018px; margin-top:15px; border:1px solid #dcdcdc; overflow:hidden}
.point_t .end{ font-size:22px; font-family:'notokr-bold'; text-align:center; margin-bottom:15px; margin-top:20px; width:100% }
.point_t .end_info{ font-size:15px; line-height:19px; text-align:center; width:100%; margin-bottom:20px}

.point_t .list{ width:100%; height:35px; line-height:35px; position:relative; float:left}
.p_tit{ font-size:17px; text-align:left; width:130px; height:35px; line-height:35px; margin-right:15px; background:url(../images/line_1.png) no-repeat 120px 7px}
.p_num{ width:200px;font-size:18px; position:absolute; top:0px; text-align:left;left:140px; color:#4f4f51}
.p_num1{ width:200px;font-size:18px;   top:0; position:absolute; left:140px; text-align:left;color:#ff0000}
.p_tit_r{left:550px; top:0; position:absolute; font-size:17px; text-align:center; width:130px; height:35px; line-height:35px; margin-right:15px; background:url(../images/line_1.png) no-repeat 128px 7px}
.num_ff_t{ font-family:Tahoma, Geneva, sans-serif; font-weight:600}

.point_t .list1{ width:50%; height:35px; line-height:35px; position:relative; float:right}
.point_t .list3{ width:50%; height:35px; line-height:35px; position:relative; float:left}

.point_t .list2{ width:100%; line-height:55px; position:relative; padding:10px 0 0 15px;  font-size:17px ;float:left}
.sc_tit{ width:860px; margin:10px 0 10px 0; font-weight: bold; font-size:19px;background:url(../img/sub/h2_icon.png) no-repeat 1px 7px; padding-left:20px; height:22px; line-height:22px; position:relative}
.chks{ margin-left:130px; position:absolute; height:20px; font-size:15px; top:0; overflow:hidden}

.point_t .list2_1{ width:30%; line-height:45px; position:relative; padding:10px 0 0 0px;  font-size:17px ;float:left}
.point_t .list2_2{ width:68%; line-height:45px; position:relative; padding:10px 0 0 0px;  font-size:17px ;float:right}


.point_t .order_end{ width:780px; height:35px; line-height:35px; position:relative; padding:10px 0 0 0px;  font-size:21px; text-align:center; font-family:notokr-Bold}
.point_t .order_p{ width:780px; height:25px; line-height:25px; position:relative; padding:10px 0 0 0px;  font-size:14px; text-align:center !important; }
.green_c{ color:#04a3a5}/*초록*/

.point_t .money{ font-size:15px; text-align:left}



.all_price {background:#f7f7f7; padding:15px}
.all_price .col {color:#f58723; font-size:14px}

.all_price_ts td {border:none; padding:10px}
.answer {color:#f58723;font-weight:bold}

.data_tb {width:100%;clear:both; background:#fff; font-family:notokr-medium}
.data_tb thead th.start {border-top:2px solid #827575;padding:5px 10px; }
.data_tb thead th, .data_tb tbody th {background:#f6f5f5;font-weight:bold;}
.data_tb th, .data_tb td { padding:8px 0px; text-align:left; vertical-align:top}
.data_tb td.tdline_l{ border-right:1px solid #CCC}
.data_tb .noline{ border-left:0px; border-left:0px}


/*결제완료테이블*/
.tran_tbl{ width:100%; border-collapse:collapse;}
.tran_tbl th{ width:15%; padding:10px 0 10px 5px; text-align:left; color:#333; font-weight:600; font-size:16px; line-height:20px}
.tran_tbl td{padding:10px 10px 10px 10px; color:#666; text-align:left;font-size:16px; line-height:20px}
.tran_tbl .t_line{  background:url(../images/line_1.png) no-repeat 120px 10px}
.wred{ font-family:Tahoma, Geneva, sans-serif; color:#FF0000; font-size:20px; font-weight:600}

.wred_s{ color:#FF0000; font-family:"notokr-medium"}


/*오더테이블추가*/
.order_box{ border:1px solid #dcdcdc; padding:20px; overflow:hidden; position:relative}
.order_l{color:#555; width:100%; position:relative;border:1px solid #dcdcdc;}
.order_l table{width:100%;}
.order_l table th{ padding:10px 0 12px; text-align: center; color:#545454; font-weight:600; font-size:15px; border:0;background:url(../img/sub/line_1.png) no-repeat 120px 7px}
.order_l table .th_left{  padding:10px 15px 12px; text-align:left; color:#333; font-weight:600; background:url(../img/sub/line_1.png) no-repeat 139px 15px}
.order_l table .th_left1{  padding:5px 40px 12px; text-align:left; color:#333; font-weight:600}
.order_l table td{font-size: 15px; padding:10px 0 12px; text-align: center;}
.order_l table .td_arr{ position:relative}

.order_l table .td_txt{font-size: 16px; line-height:18px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; }
.order_l table .td_txt1{font-size: 14px; line-height:20px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; }
.order_l table .td_txt_noline{font-size: 13px; line-height:18px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; border-bottom:0}

/*카드결제*/
/*결제방법-결제버튼*/
.order_menu:after { content:""; display:block; clear:both; }
.order_menu ul { margin: 0 ; padding: 0; clear:both; margin-left:1px; }
.order_menu li { 
	float:left; display: inline-block; zoom: 1; *display: inline; width:95px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff; text-align: center; margin: 0; cursor: pointer; 
	color: #fff; background-color: #c3c2c2; font-weight:600; font-size:13px }
.order_menu li a.on { font-weight:bold;color:#FFFFFF;background:#fc4d4d; width:95px; padding: 9px 0 13px 0; text-align: center; margin: 0; }
.order_menu li a{color: #fff; background-color: #c3c2c2; font-weight:600; font-size:13px  } 
.order_menu li a:link{float:left; display: inline-block; zoom: 1; *display: inline; width:95px; 
	border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff; 
	padding: 9px 0 13px 0; text-align: center; margin: 0; cursor: pointer; 
	color: #fff; font-weight:600; font-size:13px }

.order_menu li a:hover{font-weight:bold;color:#FFFFFF;background:#fc4d4d;width:95px; padding: 9px 0 13px 0; text-align: center; margin: 0; } 

.order_menu li a:active{font-weight:bold;color:#FFFFFF;background:#fc4d4d; width:95px; padding: 9px 0 13px 0; text-align: center; margin: 0; } 
.order_menu li img{ margin-bottom:3px}

.write_01 {vertical-align:middle;}

.erorr_box{ position:relative; width:880px; height:40px; line-height:40px; font:15px;/* border-bottom:1px solid #CCC; border-top:1px solid #CCC */}



#mFooter{min-width:1080px;}
#mFooter .parterwrap{width:100%;height:60px;border-top:1px solid #dfdfdf;text-align:center;}
#mFooter .parterwrap .parter{padding-top:14px;text-align:left;}
#mFooter .parterwrap .parter .pagenav .prev{display:block;position:absolute;top:15px;left:0;height:31px;}
#mFooter .parterwrap .parter .pagenav .next{display:block;position:absolute;top:15px;right:0;height:31px;}
#mFooter .parterwrap .parter .fam_link ul{padding-left:30px;height:31px;overflow:hidden;margin:0 auto;}
#mFooter .parterwrap .parter .fam_link ul li{float:left;padding:0 15px;display:block;border-right:1px dotted #ccc;height:31px;}
#mFooter .parterwrap .parter .fam_link ul li:last-child{border-right:none;padding:0 0 0 18px}
#mFooter .companywrap{position:relative;width:100%;text-align:center;background:#575757}
#mFooter .companywrap .company{height:170px;font-size:11px;text-align:left}
#mFooter .companywrap .cstLogo02{position:absolute;right:0;top:31px;width:227px;height:68px;z-index:3;text-align:right;}
#mFooter .companywrap .infoM{padding-top:40px;}
#mFooter .companywrap .infoM a{font-weight:bold;color:#a7a7a7}
#mFooter .companywrap .grayN{font-weight:normal;color:#808080}
#mFooter .companywrap .infoTxt{color:#8c8c8c;line-height:18px;margin-top:23px;font-size:12px}
#mFooter .companywrap .infoTxt img{vertical-align:middle}

.sub_title{padding:0 0 5px 20px;font-weight:bold;color:#333;font-size:14px;line-height:20px;}
.sub_title2{position:relative;margin-bottom:5px;padding:0 0 0 12px;font-weight:bold;color:#333;font-size:13px;line-height:18px;}
.sub_title2 span.color1{font-size:13px;line-height:18px;color:#0c998d;font-weight:bold}
.sub_title2:before{position:absolute;top:2px;left:0;width:3px;height:12px;background-color:#26beb1;content:'';}

/*common tbl*/
table tr th,table tr td{vertical-align:middle;}
.tbl{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:16px;font-size:12px;color:#666;text-align:center;}
.tbl tr th{padding:15px 7px;background:#f7f7f7;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;vertical-align:middle}
.tbl tr th p{font-weight:normal}
.tbl tr td{padding:15px 7px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;vertical-align:middle}
.tbl tr td.last{border-right:none;}
.tbl tr td strong{font-weight:bold;}
.tbl tr td.bgcolor{background:#f7f7f7}
.tbl tr td.aC{text-align:center;}
.tbl tr td.aL{text-align:left;}
.tbl tr td.aL input[type="file"]{display:block;}
table tr td.aL,table tr th.aL{text-align:left;}
.tbl tr td.brnone{border-right:none}
.tbl tr td.color1,.tbl tr td a.color1{color:#0c998d}
.tbl tr td a:hover{color:#0c998d}
.tbl tr td a:hover span.btn_bg{color:#0c998d}
.tbl tr td a span.btn_bg{display:inline-block;padding-right:10px;text-decoration:underline;background:url('../images/ic_arr.gif')no-repeat right 7px;}
.tbl_2 tr td{padding:10px 8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px;color:#666;line-height:16px;text-align:center;vertical-align:middle}
.tbl_2 tr td.lastR{border-right:none}
.tbl_2 tr td.lastB{border-bottom:none}
.tbl_3{border:1px solid #ddd;line-height:16px;font-size:11px;color:#666;text-align:center;}
.tbl_3 tr th{padding:12px 3px;background:#f7f7f7;border:1px solid #ddd;border-left:none;font-size:12px;letter-spacing:-1px;font-weight:bold;vertical-align:middle}
.tbl_3 tr td{padding:12px 3px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px;vertical-align:middle}
.tbl_3 tr td strong{font-weight:bold}
.tbl_4{border:1px solid #ddd;}
.tbl_4 tr{background:#f7f7f7}
.tbl_4 tr td{padding:10px 8px 10px 20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px;color:#666;line-height:16px;text-align:left;vertical-align:middle}
.tbl_4 tr td.lastR{border-right:none}
.tbl_4 tr td.lastB{border-bottom:none}
.tbl_4 tr td strong{font-weight:bold}
.tbl_5{border-top:2px solid #bfbfbf;}
.tbl_5 tr{border-bottom:1px solid #e6e6e6;}
.tbl_5 tr:nth-child(2n){background:#f4f4f4;}
.tbl_5 th{height:30px;line-height:30px;font-size:11px;line-height:16px;color:#333;border-bottom:1px solid #d8d8d8;font-weight:bold;text-align:center;vertical-align:middle;background:url('../images/tit_line.gif') no-repeat right center}
.tbl_5 th.last{background:none}
.tbl_5 td{padding:10px 5px;font-size:11px;text-align:center;vertical-align:middle}
.tbl_5 td.aL{text-align:left}
.tbl_5 td .txt_color{color:#e98400;font-weight:bold;}
.tbl_5 td .underPrice{text-decoration:line-through;}
.tbl_5 td .lec_txt{display:inline-block;padding-left:20px;}
.tbl_5 td .lec_icon{display:block;padding-bottom:5px;}
.tbl_5 td p.leclist_btn_play{padding-top:5px;}
.tbl_5 td p.leclist_btn_more{padding-top:15px}
.tbl_5 td .lec_txt2{display:block;padding-bottom:5px;font-weight:bold;}
.tbl_5 td .lec_txt3{font-size:12px;color:#858585}
.tbl_5 td .lec_txt4{font-size:11px;color:#858585}
.tbl_5 td .lec_txt5{font-size:11px;color:#5bacda}
.tbl_5 td .lec_txt4 strong{font-size:11px;font-weight:bold;color:#858585}
.tbl_5 td .lec_txt4 .price{font-size:11px;font-weight:bold;color:#858585}
.tbl_5 td .lec_txt4 .btn_preview img{vertical-align:middle}
.tbl_6{border-top:1px solid #e6e6e6;table-layout:fixed;}
.tbl_6 tr{border-bottom:1px solid #e6e6e6}
.tbl_6 th{padding:16px 5px;font-size:12px;line-height:18px;color:#333;border-bottom:1px solid #e6e6e6;font-weight:bold;text-align:center;vertical-align:middle;background:#fafafa url('') no-repeat right center}
.tbl_6 th.last{background:#fafafa}
.tbl_6 td{padding:16px 5px;font-size:12px;line-height:18px;vertical-align:middle;text-align:center}
.tbl_6 td img{vertical-align:middle;margin-left:3px}
.tbl_6 td img.importantIcon{vertical-align:-3px;margin:0 0 0 0;}
.tbl_6 td img.titleIcon{vertical-align:-2px;margin: 0 5px 0 0;}
.tbl_6 tr td a:hover{color:#000}
.tbl_6 td.aL{text-align:left;padding-left:10px;}
.tbl_6 td strong{font-weight:bold;vertical-align:top}

/* 수정 */
.tbl_6 td.dotin span{display:inline-block;width:35px;text-align:center;font-size:11px;background-color:#67aaee;color:#fff;padding:0px 0;line-height:16px;vertical-align:middle;}

.thome_qna td[colspan="5"]{display:table-cell;}
.thome_qna td[colspan="4"]{display:none;}
.thome_experi td[colspan="5"]{display:table-cell;}
.thome_experi td[colspan="4"]{display:none;}
.thome_notice td[colspan="5"]{display:table-cell;}
.thome_notice td[colspan="4"]{display:none;}
.tbl select{height:28px;line-height:28px;vertical-align:middle;}
.tbl input[type=text],.tbl input[type=password]{height:24px;line-height:24px;border:1px solid #a9a9a9;}
.cust03Tbl1 td[colspan="6"]{display:table-cell;}
.cust03Tbl1 td[colspan="3"]{display:none;}
.tbl tr td.phone_wrp select{width:100px}
.tbl tr td.phone_wrp input[type=text]{width:100px}

.cust03Tbl1_refund td[colspan="7"]{display:table-cell;}
.cust03Tbl1_refund td[colspan="4"]{display:none;}

.info_notice{position:relative;margin-top:10px;height:30px;}
.info_notice2{position:relative;margin:10px 0 20px 0;height:30px;}
.info_notice .txt{font-size:12px;line-height:18px;color:#666}
.info_notice a{display:block;position:absolute;top:0;right:0;}
.info_notice2 a{display:block;position:absolute;top:0;right:0;}
.infoBtn{padding:40px 0 20px 0;margin:0 auto;text-align:center}
.infoBtn a{display:inline-block;}

.info_box1{padding:20px 30px;margin:20px 0 40px 0;border:1px solid #dddddd;font-size:12px;}
.info_box1 strong{display:inline-block;padding-bottom:5px;font-size:13px;line-height:16px;color:#666;font-weight:bold;}
.info_box1 ol li{font-size:13px;color:#666;line-height:18px;}
.info_box1 p.icon_star{margin-top:40px;font-size:12px;color:#666}




/* ---------------- 헤더 푸터 클래스 수정 ---------------- */
#headertop {background:#fff;}
#headertop .hd_wrp {position:relative;}
#headertop .hd_wrp:after {display:block; clear:both; content:'';}
#headertop .hd_wrp .logoproject_sobang{position:absolute;top:20px;left:50%;margin:0 0 0 313px;}
#headertop .hd_wrp .logoproject_sobang_m{display:none;}
#headertop .hd_logo {position:relative;margin:18px 0 0;width:1080px; margin:0 auto;padding:35px 0}
#headertop .hd_logo .smaintit{ font-size:25px; top:40px; width:120px; position:absolute; margin-left:10px; font-weight:600}
#headertop .hd_logo a{display:inline-block;}
#headertop .hd_logo.fixed{margin:0 auto 62px;}
#headertop .hd_utility {/*border-top:1px solid #ddd;border-bottom:1px solid #ddd; */background:#3c4458}
#headertop .hd_utility .navigation{}
#headertop .mb_rightmenu{display:none}
#headertop .hd_utility nav{width:1080px;margin:0 auto;position:relative;}
#headertop .hd_utility nav::after{content:"";display:block;clear:both;}
#headertop .hd_utility .mnu_list{position:relative;}
#headertop .hd_utility .mnu_list::before,.hd_utility::before,#headertop .hd_utility .mnu_list::after,.hd_utility::after {float:none;display:block; clear:both; content:'';}
#headertop .hd_utility .right_btn{float:right;position:relative;}
#headertop .hd_utility .right_btn a{display:inline-block;padding:17px 0 0 0}
#headertop .hd_utility .right_btn a i{position:absolute;top:-18px;margin-left:-60px;left:50%}
#headertop .hd_utility .right_btn a i span{position:absolute;top:6px;left:3px;width:126px;background-color:#7820da;font-style:normal;font-size:14px;color:#fff;font-weight:bold;text-align:center;padding:2px 0 3px;}
#headertop .hd_sns {float:left;margin:13px 0 0 12px;padding:0 0 0 10px;font-size:0;line-height:0;position:relative;}
#headertop .hd_sns:after {position:absolute; left:0; top:50%; width:1px; height:13px; background:url('../images/bg_header_list_line.gif') no-repeat;  transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); content:'';display:none}
#headertop .sns_link {display:inline-block;width:30px; height:33px; margin:0 0 0 0; background-position:50% 50%; background-repeat:no-repeat;}
#headertop .sns_link {text-indent:-9999em}
#headertop .sl_num01 {background-image:url('');}
#headertop .sl_num02 {background-image:url('');}
#headertop .sl_num03 {background-image:url('');}
#headertop .hd_utility .mnu_list {margin:0 0 0 0;float:left;clear:both;}
#headertop .hd_utility .mnu_list > li {position:relative;float:left; position:relative; padding:0 50px;}
#headertop .hd_utility .mnu_list > li a{color:#fff;display:block;padding:0 0 0 0;font-weight:bold;font-size:18px}
#headertop .hd_utility .mnu_list > li a:hover,#headertop .hd_utility .mnu_list > li.on a{color:#a4e3fe}
#headertop .hd_utility .mnu_list > li:first-child{padding-left:0;}
#headertop .hd_utility .mnu_list > li:first-child a{padding-left:0;}
#headertop .hd_utility .mnu_list > li:last-child {padding-right:0;}
#headertop .hd_utility .mnu_list > li i{position:absolute;left:12px;top:-16px;}
#headertop .hd_utility .mnu_list > li i span{position:absolute;top:6px;left:3px;width:126px;background-color:#7820da;font-style:normal;font-size:14px;color:#fff;font-weight:bold;text-align:center;padding:2px 0 3px;}

#headertop .hd_utility .mnu_list > li i.gongssel_i{position:absolute;left:50px;top:-16px;}
#headertop .hd_utility .mnu_list > li i.gongssel_i.self{left:30px;}
#headertop .hd_utility .mnu_list.on > li i.gongssel_i.self{left:82px;}
#headertop .hd_utility .mnu_list.gong > li:nth-child(5)::before,#headertop .hd_utility .mnu_list.sobang > li:nth-child(5)::before {content:"";position:absolute;top:50%;left:0;background-color:#555;margin-top:-6px}/*width:1px;height:15px;*/
#headertop .hd_utility .mnu_list.gong > li:nth-child(5)::before,#headertop .hd_utility .mnu_list.sobang > li:nth-child(5)::before {left:inherit;right:0}
#headertop .hd_utility .mnu_list > li:first-child:after {display:none;}
#headertop .hd_utility .mnu_list > li .hd_bubble{display:block;position:absolute;top:-16px;left:0;width:100%;}
#headertop .hd_utility .mnu_list.gongssel.on {width: 1110px}
#headertop .hd_utility .mnu_list.gongssel.on > li i{left:50%;margin-left:-36px;}
#headertop .hd_utility .mnu_list.gongssel.on > li{width:185px;border-left:1px solid #ebebeb;box-sizing:border-box;padding:0;}
#headertop .hd_utility .mnu_list.gongssel.on > li:nth-child(1){border-left:0}
#headertop .hd_utility .mnu_list.gongssel.on > li:nth-child(3),#headertop .hd_utility .mnu_list.gongssel.on > li:nth-child(4){width: 210px}
#headertop .hd_utility .mnu_list.gongssel.on > li:nth-child(5),#headertop .hd_utility .mnu_list.gongssel.on > li:nth-child(6){width: 160px}
#headertop .hd_utility .mnu_list.gongssel.on > li >a{text-align:center;}
#headertop .hd_utility .menu_x{display:none;position:relative;border-left:1px solid #ebebeb;height:100%;position:absolute;top:0;right:0;width:60px;text-align:center;border-right:1px solid #ebebeb;/* line-height:60px; */box-sizing:border-box;padding:20px 0 0 0;}
#headertop .hd_utility .menu_x.on{display:block;margin-right:-90px}
#headertop .hd_utility.fixed{position:fixed;width:100%;left:0;top:0;z-index:3;background:#fff;}
#headertop .mli_link {font-size:14px;line-height:59px;height:60px;color:#555;}
#headertop .mli_link:hover,.mli_link.on {font-weight:bold; color:#555 ; text-decoration:none;}
#headertop .chg_color{text-decoration:none;animation:changeColor_GO 0.5s ease 0.5s infinite alternate;color:#007af3;}
@keyframes changeColor_GO {
    0% {color:#333333}
    50% {color:#333333}
    51% {color:#007af3}
    100% {color:#007af3}
}
#headertop .hd_utility .mnu_list .tc_view{background:url('../images/tc_view_off.jpg') no-repeat 99% center;padding-right:15px;}
#headertop .hd_utility .mnu_list .tc_view.on{background:url('../images/tc_view_on.jpg') no-repeat 99% center;}
#headertop .hd_utility .mnu_list.police{float:none;display:block;padding-right:30px}
#headertop .hd_utility .mnu_list.police > li{width:16%;padding:0}
#headertop .hd_utility .mnu_list.police > li a{text-align:left;}
#headertop .hd_utility .mnu_list.police > li ul{display:none;position:absolute;width:100%;height:230px;z-index:3}
#headertop .hd_utility .mnu_list.police > li ul li{}
#headertop .hd_utility .mnu_list.police > li ul li:first-child a{padding-top:18px;}
#headertop .hd_utility .mnu_list.police > li ul li:last-child a{padding-bottom:20px;}
#headertop .hd_utility .mnu_list.police > li ul li a{line-height:1.4;padding:7px 0;color:#222;font-size:13px;font-weight:normal;}
#headertop .hd_utility .mnu_list.police > li ul li a:hover{color:#0055cf;}
#headertop .hd_utility .mnu_list.police > li ul li a:hover{color:#0055cf;}
#headertop .hd_utility .mnu_list.police > li ul li.on{}
#headertop .hd_utility .mnu_list.police > li ul li.on a{color:#0055cf;}

#headertop .hd_utility .mnu_list.gongssel > li ul{display:none;position:absolute;width:100%;height:347px;z-index:3;box-sizing:border-box;border-left:1px solid #ebebeb;padding-top:18px;left:-1px;top:60px;}
#headertop .hd_utility .mnu_list.gongssel > li:nth-child(1) ul{border-left:0}
#headertop .hd_utility .mnu_list.gongssel > li ul li a{line-height:1.4;padding:4px 10px 4px 10px;color:#222;font-size:13px;font-weight:normal;letter-spacing:-0.07em;}
#headertop .hd_utility .mnu_list.gongssel > li ul li a.on{background-color:#3073b9;color:#fff !important}
#headertop .hd_utility .mnu_list.gongssel > li ul li a:hover{background-color:#3073b9;color:#fff !important;}
#headertop .hd_utility .mnu_list.gongssel > li ul li.dep3 a{color:#aaa;padding-left:25px}
#headertop .hd_utility .mnu_list.gongssel > li ul li.on{}
#headertop .hd_utility .mnu_list.gongssel > li ul li.on a{color:#0055cf;}
#headertop .hd_utility .mnu_list.gongssel > li ul.timeTable li a{color:#0073bd;}
#headertop .hd_utility .mnu_list.gongssel > li ul.timeTable li.dep2 a{color:#222;padding:0 0 0 22px;text-indent:-12px;}
#headertop .hd_utility .mnu_list.gongssel > li ul.timeTable li.dep3 a{color:#222;}

#headertop .hd_utility .mnu_list.ansung{padding:0 0 0 0;}
#headertop .hd_utility .mnu_list.ansung > li{width:12.4%;text-align:center;}
#headertop .hd_utility .mnu_list.ansung > li > a{border-left:1px solid #fff;}
#headertop .hd_utility .mnu_list.ansung > li ul{}
#headertop .hd_utility .mnu_list.ansung > li:nth-child(1) ul{border-left:0}
#headertop .hd_utility .mnu_list.ansung > li ul li a{line-height:1.4;color:#222;font-size:13px;font-weight:normal;letter-spacing:-0.1em;}
#headertop .hd_utility .mnu_list.ansung.on {}
#headertop .hd_utility .mnu_list.ansung.on > li{}
#headertop .hd_utility .mnu_list.ansung.on > li:nth-child(1){border-left:0}
#headertop .hd_utility .mnu_list.ansung.on > li:nth-child(3),#headertop .hd_utility .mnu_list.gongssel.on > li:nth-child(4){width:px}
#headertop .hd_utility .mnu_list.ansung.on > li:nth-child(5),#headertop .hd_utility .mnu_list.gongssel.on > li:nth-child(6){width:px}
#headertop .hd_utility .mnu_list.ansung.on > li i{left:50%;margin-left:-36px;}

#headertop .hd_utility .mnu_list.ansung.new li{width:13.4%}
#headertop .hd_utility .mnu_list.ansung.new > li.all_menu{position:absolute;right:0;top:0;width:64px;border-left:1px solid #ddd;border-right:1px solid #ddd;z-index:1}
#headertop .hd_utility .mnu_list.ansung.new > li ul{width: 100%;}
#headertop .hd_utility .mnu_list.ansung.new > li ul li{width:100%}

#headertop .gnb_bgArea{position:relative;z-index:2;}
#headertop .gnb_bgArea .bgArea {display:none;position:absolute;left:0;top:0;border-top:1px solid #ddd;width:100%;height:300px;background:#fff;border-bottom:1px solid #000;}
#headertop .hd_top{position:relative;background:#f8f8f8;border-bottom:1px solid #d9d9d9;overflow: hidden;}
#headertop .hd_top .inner{position:relative;width:1080px;margin:0 auto;}
#headertop .hd_top .inner::after{content:"";display:block;clear:both;}
#headertop .hd_top .inner ul{position:relative;}
#headertop .hd_top .inner ul::after{content:"";display:block;clear:both;}
#headertop .hd_top .homep_link{float:left;border-left:1px solid #e5e5e5;}
#headertop .hd_top .homep_link li{float:left;}
#headertop .hd_top .homep_link li a{position:relative;height:36px;line-height:36px;color:#474548;padding:0 20px;font-size:13px;border-right:1px solid #e5e5e5;}
#headertop .hd_top .homep_link li.on a{position:relative;background-color:#0083ce;font-weight:bold; color:#fff;}
#headertop .hd_top .homep_link li.on a::before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#c8e5f8;}
#headertop .hd_top .inner a{display:block;}
#headertop .hd_top .login_wrap{float:right}
#headertop .hd_top .login_wrap .login_after{position:relative;}
#headertop .hd_top .login_wrap .login_after li{float:left;position:relative;}
#headertop .hd_top .login_wrap .login_after li a{position:relative;height:36px;line-height:36px;color:#474548;padding:0 12px;font-size:13px;}
#headertop .hd_top .login_wrap .login_after li.on a{position:relative;background-color:#fff}
#headertop .hd_top .login_wrap .login_after li::before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:1px;height:12px;background-color:#e2e2e8}
#headertop .hd_top .login_wrap .login_after li:last-child::after{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;width:1px;height:12px;background-color:#e2e2e8}
#headertop .hd_top .login_wrap .login_after li.mypagebox::before{display:none}
#headertop .hd_top .login_wrap .login_after li:nth-child(1)::before{display:none}
#headertop .hd_top .login_wrap .login_after li.welcome{padding:0 7px 0 0;height:36px;line-height:36px;}
#headertop .hd_top .login_wrap .login_after li.mypagebox{position:relative;margin-right:7px}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap{display:none;position:absolute;left:82px;top:28px;width:310px;border:1px solid #666;background:#fff;padding-bottom:10px;z-index:1;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap .memo_area{width:290px;margin:15px 0 0 15px}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap .memo_area p{line-height:16px;margin-bottom:5px}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap .memo_area p strong{color:#333}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap .memo_list li .txt{float:left;width:210px;font-size:12px;color:#666}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap .memo_list li .txt a{display:inline-block;width:190px;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap .memo_list li .txt a:hover{text-decoration:underline;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap .memo_list li .txt span{display:inline-block;margin-left:5px;vertical-align:top;padding-top:4px;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .memowrap .memo_list li .date{float:left;width:65px;font-size:11px;color:#ccc}
#headertop .hd_top .login_wrap .login_after li.mypagebox a.mypage_txt{display:block;padding:0 9px 0 0;margin-right:3px;}
#headertop .hd_top .login_wrap .login_after li.mypagebox a.mypage_txt:hover,
#headertop .hd_top .login_wrap .login_after li.mypagebox.on a.mypage_txt{}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap{display:none; position:absolute; right:-8px; top:36px; width:100px;  border:1px solid #666666; background:#fff;z-index:900;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list{padding:10px 10px 10px 10px;background:#fff}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list li{float:none;margin:0; padding:0;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list li a{display:block;letter-spacing:0; cursor:pointer; font-size:11px;padding:3px 0 5px;height:auto;line-height:1;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list li a .txt{display:block;letter-spacing:-1px;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list li a:hover .txt,
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list li a.on .txt{color:#333; display:block;text-decoration:underline;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list li a.new .txt{background:url('../images/icon_new_s.gif') no-repeat 25px 3px;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list li a span.color{float:right; color:#f93345; padding-right:3px;}
#headertop .hd_top .login_wrap .login_after li.mypagebox .mypage_infowrap .mypage_list li::before{display:none}
#headertop .hd_top .login_wrap .login_after .pointSt{display:inline;color:#1e6dc9;font-weight:bold}
#headertop .hd_top .login_wrap .login_after .pointSt strong{color:#1e6dc9;font-weight:bold;}
#headertop .hd_top .login_wrap .login_after li.mylecnum{padding:4px 10px 0 0}
#headertop .hd_top .login_wrap .login_after li.logoutBt{padding:2px 0 0 0}
#headertop .hd_top .login_wrap .login_after li.logoutBt a{width:52px;height:20px;margin:0 7px 0 0}
#headertop .hd_top .login_wrap .login_after li.myinfoBt{padding:4px 0 0 0}
#headertop .hd_utility .mnu_list > li.all_menu{position:absolute;right:0;top:0;width:64px;border-left:1px solid #ddd;border-right:1px solid #ddd;z-index:1; background:#333}
#headertop .hd_utility .mnu_list > li.all_menu a{padding:20px 20px 0 20px;height:40px;}
#headertop .hd_utility .mnu_list > li.all_menu span {background:#555;display:block;height:3px;margin:0 0 5px;transition:all 0.3s ease-in-out;width:24px;text-indent:-9999em;}
#headertop .hd_utility .mnu_list.ansung > li.all_menu{right:-64px;}
#headertop .hd_utility .mnu_list.ansung > li.all_menu strong{padding:20px 20px 0 20px;height:40px;display:block;cursor:pointer;}

#headertop .hd_bottom{display:none;width:100%;background-color:#fff;z-index:2;border-top:1px solid #192d45;border-bottom:1px solid #192d45;}
#headertop .hd_bottom .hdbt_wrp{position:relative;width:1080px;margin:0 auto;padding:30px 0 0}
#headertop .hd_bottom .hdbt_wrp .hdtea_slide{*zoom:1;text-align:center}
#headertop .hd_bottom .hdbt_wrp .hdtea_slide:after,.hd_bottom .hdbt_wrp .hdtea_slide:before{line-height:0;display:table;content:''}
#headertop .hd_bottom .hdbt_wrp .hdtea_slide:after{clear:both}
#headertop .hd_bottom .hdbt_wrp .ver2 .hdt_item {width:280px;float:none;display:inline-block;}
#headertop .hd_bottom .hdbt_wrp .hdt_item{text-align:center;float:left;width:25%;padding-top:5px}
#headertop .hd_bottom .hdbt_wrp .hdt_item a{display:block;text-align:center;}
#headertop .hd_bottom .hdbt_wrp .hdt_item p{padding:18px 0 10px;font-size:15px;text-align:center;font-weight:600;color:#444444}
#headertop .hd_bottom .hdbt_wrp .hdt_item img{display:inline-block;}
#headertop .hd_bottom .hdbt_wrp .hdt_item p em{color:#0e9e8c;font-size:15px;font-weight:600;font-style:normal;}
#headertop .hd_bottom .hdbt_wrp .hdt_item a.tc_home{text-align:center !important;display:inline-block;}
#headertop .hd_bottom .black_bg_hd{height:100%;width:100%;background-color:#000}
#headertop .hd_bottom .hdbt_wrp .hdt_item a.tc_imga:hover img{-ms-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;}
#headertop .hd_bottom .tea_order{position:absolute;bottom:48px;right:0;color:#b7b7b7;font-size:11px;}
#headertop .hd_bottom .slick-arrow{position:absolute;top:148px;}
#headertop .hd_bottom .slick-prev{left:-30px;display:block;width:20px;height:33px;text-indent:-9999em;background-image:url('../images/mn_tea_left.gif');}
#headertop .hd_bottom .slick-next{right:-30px;display:block;width:20px;height:33px;text-indent:-9999em;background-image:url('../images/mn_tea_right.gif');}
#headertop .hd_bottom .slick-dots{position:absolute;bottom:35px;width:100%;text-align:center;}
#headertop .hd_bottom .slick-dots li{display:inline-block;margin:0 4px;cursor:pointer;width:17px;height:17px;background-image:url('../images/mn_tea_off.gif');font-size:0;text-indent:-99999px;}
#headertop .hd_bottom .slick-dots li.slick-active{background-image:url('../images/mn_tea_on.gif');}
#headertop .hd_bottom .hdtea_all{overflow:hidden;padding:0 0 0;border-right:1px solid #ddd;margin-bottom:45px}
#headertop .hd_bottom .hdtea_all li{width:16.6%;float:left;height:150px;border-left:1px solid #ddd;margin-right:-1px}
/*191028 추가*/
#headertop .hd_bottom .hdtea_all.cel_7 li{width:14.2%;}
/*191028 추가*/
#headertop .hd_bottom .hdtea_all.sobang li{width:25%;}
#headertop .hd_bottom .hdtea_all dl{text-align:center;overflow:}
#headertop .hd_bottom .hdtea_all dt{padding:0 0 25px;font-weight:bold;font-size:16px;color:#878787}
#headertop .hd_bottom .hdtea_all dd{font-size:15px}
#headertop .hd_bottom .hdtea_all dd a{display:block;padding:7px 0 7px;font-size:14px}
#headertop .hd_bottom .hdtea_all dd a:hover{font-weight:bold;color:#086cb7;text-decoration:underline;}
#headertop .hd_bottom .hdtea_all dd.new{text-indent:12px;}
#headertop .hd_bottom .hdtea_all dd.new img{vertical-align:middle;margin:-1px 0 0 3px;}
#headertop .hd_bottom .hdtea_all li.eng_tea dd{float:left;width:50%}
#headertop .hd_bottom .hdtea_all li.eng_tea dd a{padding-right:10px}
#headertop .hd_bottom .hdtea_all li.eng_tea dd:nth-child(2n) a{padding-right:0;padding-left:10px}
#headertop .hd_bottom.fixed{position:fixed;left:0;top:62px;width:100%;z-index:3;}

#footer{position:relative;padding:20px 0 20px;clear:both;width:1080px;margin:0 auto;border-top:1px solid #ddd}
#footer .ft_wrp{position:relative;margin-bottom:15px;}
#footer .ft_wrp:last-child ul{overflow:hidden;}
#footer .ft_wrp ul{overflow:hidden;}
#footer .ft_wrp ul li{position:relative;color:#aaaaaa;list-style:none;padding:0 5px 0;float:left;line-height:14px;margin:0 0 6px;font-size:12px}
#footer .ft_wrp address{font-style:normal;color:#aaaaaa;font-size:11px;}
#footer .ft_wrp a{color:#999;text-decoration:none;font-size:11px;letter-spacing:-0.07em}
#footer .ft_wrp ul li.flt_no{clear:both}
#footer .ft_wrp ul li.copyrt{color:#999;border:0;clear:both}
#footer .ft_wrp.last ul li.copyrt::before{display:none}
#footer .ft_wrp ul li.copyrt::before{display:none !important}
#footer .ft_wrp ul li.lastli{border-right:0}
#footer .ft_wrp:first-child ul li a{color:#999 !important;font-weight:bold;}
#footer .ft_wrp:first-child ul li:nth-child(5) a{color: #333 !important;font-size: 12px;}
#footer .ft_wrp.last ul li::before{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:12px;background-color:#ddd}
#footer .ft_wrp.last ul li.lastli::before{display:none}
#footer .ft_wrp.sobang{position:relative;padding:20px 0 20px 135px;border-top:1px solid #ddd;}
#footer .ft_wrp.sobang .ac_tit{font-size:14px;line-height:1.4;text-align:justify;position:absolute;top:20px;left:0;}
#footer .ft_wrp.sobang ul li::before{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:12px;background-color:#ddd}
#footer .ft_wrp.sobang ul li.lastli::before{display:none}
#footer .ft_wrp.police{position:relative;padding:20px 0 20px 135px;border-top:1px solid #ddd;}
#footer .ft_wrp.police .ac_tit{font-size:14px;line-height:1.4;text-align:justify;position:absolute;top:20px;left:0;}
#footer .ft_wrp.police ul li::before{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:12px;background-color:#ddd}
#footer .ft_wrp.police ul li.lastli::before{display:none}
#footer .group_view{height:0}
#footer .group_view .view_btn{float:right;color:#999999;font-size:11px;display:block;padding:4px 30px 4px 8px;width:109px;margin-top:-25px;font-weight:bold;border:1px solid #999999;-webkit-border-radius:15px;-ms-border-radius:15px;border-radius:15px;background:#fff url('images/mview_btn_off.gif') no-repeat 94% center;}
#footer .group_view .view_btn.on{background:#f7f8f8 url('imges/mview_btn_on.gif') no-repeat 94% center;}
#footer #megagroup_list{width:100%;overflow:hidden;}
#footer #megagroup_list{position:absolute;right:0;bottom:-2px;width:147px;padding:10px 0;border:1px solid #ddd;-webkit-border-radius:15px;-ms-border-radius:15px;border-radius:15px;background:#fff;font-size:12px;}
#footer #megagroup {position:absolute; z-index:1; bottom:27px; left:0; display:none; width:1080px;}
#footer #megagroup .h_tit {position:absolute; left:97px;top:42px;}
#footer #megagroup li {padding:0; text-align:center;float:none;margin-bottom:0}
#footer #megagroup li a{display:block;padding:5px 10px;color:#555 !important;line-height:1;text-align:left;font-size:11px;font-weight:normal;letter-spacing:-0.06em}
#footer #megagroup dd.line_gap {padding-right:43px;}
#footer #megagroup dd.lst {background:none;}
#footer #megagroup .megagroup_close {position:absolute; top:10px; right:10px;display:none;}
#footer #megagroup .prev {font:0/0 arial;  position:absolute; top:28px; left:148px; overflow:hidden; width:17px; height:44px; padding:0; text-indent:-9999px; border:0; background:#fff url) 50% 50% no-repeat;}
#footer #megagroup .next {font:0/0 arial;  position:absolute; top:28px; right:16px; overflow:hidden; width:17px; height:44px; padding:0; text-indent:-9999px; border:0; background:#fff url(images/bt_next.gif) 50% 50% no-repeat;}

/* paging */
.paging{font-size:0;text-align:right;padding:14px 0}
.paging a,.paging strong{line-height:16px;font-size:13px;padding:3px 11px;background:none}
.paging img{margin-top:3px}
.paging .prev + a,.paging .prev + strong{background:none}
.paging>img:first-child{margin-right:9px}
.paging>img:last-child{margin-left:9px}

/* 서브공통 1207 */
.subC{/*/}
.subC.mypgC{/*background:url('*/}
.subC.webclC{/*background:url('') no-repeat 50% 0;*/}
.subtitle{height:125px;position:relative;text-align:center; position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.subtitle span{display:inline-block;position:relative;color:#fff;font-size:0;font-weight:500;text-align:center;/*padding:50px 27px 0;*/padding:0;position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.subtitle span:before{position:absolute;top:52px;left:-10px;width:10px;height:17px;text-align:center;content:"/";font-size:17px;color:#919191;display:none}
.subtitle span:after{position:absolute;top:52px;right:-10px;width:10px;height:17px;text-align:center;content:"/";font-size:17px;color:#919191;display:none}

/*상담불가 팝업*/
.subC .ntell_popwrp{display:block;position:absolute;top:390px;left:50%;z-index:1;border:2px solid #0f9e8c;background-color:#f7f8f8;width:350px;height:275px;margin-left:-175px}
.subC .ntell_popwrp > div{position:relative;padding:28px 30px;text-align:center;}
.subC .ntell_popwrp .m_anno{padding:54px 0 15px;text-align:center;background:url('') no-repeat 93% 0;}
.subC .ntell_popwrp .m_anno span{display:block;border-top:2px solid #0f9e8c;border-bottom:2px solid #0f9e8c;color:#1e1e1e;padding:13px 0 13px;font-size:18px;font-weight:bold;line-height:1.3;letter-spacing:-0.05em;}
.subC .ntell_popwrp .m_anno strong{display:block;font-size:21px;font-weight:bold;line-height:1.3;letter-spacing:-0.05em;color:#0f9e8c}
.subC .ntell_popwrp .s_anno{font-size:14px;color:#272727;line-height:1.4;letter-spacing:-0.05em;}
.subC .ntell_popwrp a {display:block;width:260px;margin:0 auto;background-color:#0f9e8c;}
.subC .ntell_popwrp a span{padding:11px 15px;display:block;font-size:16px;color:#fff;letter-spacing:-0.05em;}
.subC .ntell_popwrp a span img{vertical-align:middle;margin-top:-1px}
.subC .ntell_popwrp button{position:absolute;top:5px;right:-35px;}

.subcont_wrp{position:relative;padding:50px 0 80px;*zoom:1;}
.subcont_wrp:after,.subcont_wrp:before{line-height:0;display:table;content:''}
.subcont_wrp:after{clear:both}
.subcont_wrp .subtit,.tech_content .subtit{font-size:26px;font-weight:600;margin-bottom:45px;letter-spacing:-0.05em}
/*#mContent .subtit{margin-bottom:45px;letter-spacing:-0.03em}
#mContent .subtit span{font-size:26px;font-weight:600;}*/
.infoSearch select{height:34px;vertical-align:top;}
.infoSearch select.onlyNum{}
.infoSearch input{height:30px}
.infoSearch .btn_find{height:34px;line-height:34px;font-weight:600}
.btn_list{margin-top:10px;text-align:right}

#mContainer #mLnb > ul > li.on > a, #mContainer #mLnb > ul > li > a:hover{color:#000;}
#mContainer #mLnb > ul > li.on > a:before,  #mContainer #mLnb > ul > li > a:hover:before{position:absolute;bottom:0;right:0;content:"";width:100%;height:18px;}
.subcolor_Tab{margin:0 0 0 0;}
.subcolor_Tab > ul{margin-bottom:0;border-bottom:2px solid #26BEB1;}
.subcolor_Tab > ul li{float:left;margin-right:-1px;border-right:1px solid #d6d6d6;border-top:1px solid #d6d6d6}
.subcolor_Tab > ul li:first-child{margin-left:-1px;border-left:1px solid #d6d6d6}
.subcolor_Tab > ul li a{display:block;padding:12px 18px;font-size:15px;line-height:20px;text-align:center;color:#000;}
.subcolor_Tab > ul li.on a,.subcolor_Tab > ul li a:hover{background:#26BEB1;color:#fff;}
.subcolor_Tab > ul li a span{font-size:15px;line-height:20px;color:#666;}
.subcolor_Tab > ul li.on a span,.subcolor_Tab > ul li a:hover span{color:#fff}
.subcolor_Tab > ul li.on,.subcolor_Tab > ul li:hover{font-weight:600;-webkit-text-shadow:1px 1px 0px #0da093;-moz-text-shadow:1px 1px 0px #0da093;text-shadow:1px 1px 0px #0da093;border-left:1px solid #16ada0 !important;border-right:1px solid #16ada0 !important;border-top:1px solid #16ada0 !important;}
.checkWrap{margin-top:7px}

/* */
.f_right.new{margin:0 0 10px 0;}
.f_right.new ul li{float:left;padding:0 20px;}
.f_right.new ul li.on{background-position:left bottom}
.f_right.new ul li a{color:#b4b4b4;font-weight:bold}
.f_right.new ul li.on a{color:#272727}



/*서브 컬러 버튼 common*/
.cmn_btn{display:inline-block;background-color:#555;border:1px solid #474747;height:32px;line-height:32px;padding:0 30px;color:#fff !important;font-weight:bold;}
.cmn_btn.c_orange{background-color:#eb8f1b;border:1px solid #db8212;color:#fff}
.cmn_btn.c_green{background-color:#26beb1;border:1px solid #0c998d;color:#fff}

/* 플로팅 배 */
.ly_btm_fixed{position:fixed;bottom:0;right:0;z-index:100}
.ly_btm_fixed img{cursor:pointer;width:400px}
.ly_btm_fixed a img{cursor:pointer;width:30px}
.ly_btm_fixed .stflip{}
.ly_btm_fixed .stflip img{position:absolute;bottom:0;right:0;}

.prevw_btn{display:inline-block;padding:7px 11px;background:#fff;border:1px solid #ccc;}
.cart_btn,.cart_btn:hover{display:inline-block;padding:7px 11px;background:#333;border:1px solid #333;color:#fff}
.cbuy_btn,.cbuy_btn:hover{display:inline-block;padding:7px 11px;background:#0c998d;border:1px solid #0c998d;color:#fff}

.hd_bottom_close{position:relative;width:1080px;margin:0 auto;overflow:visible;height:0;}
.hd_bottom_close a{position:absolute;top:0;right:-3px;display:block;width:43px;height:43px;text-indent:-9999em;font-size:0;background-image:url('../iamges/mn_close.png');background-repeat:no-repeat;background-position:-28px 0;z-index:20;}

/* 모바일메뉴 관련 */
.mobile_navbtn {display:none;padding:22px 15px 3px;transition:all 0.3s ease-in-out;cursor:pointer;position:absolute;top:0;left:0;}
.mobile_navbtn.on{z-index:201;left:85%;top:6px;padding:17px 10px 3px;position:fixed;top:0 !important}
.mobile_navbtn span{background:#555;display:block;height:3px;margin:0 0 5px;transition:all 0.3s ease-in-out;width:24px;text-indent:-9999em;}
.mobile_navbtn.on span{margin:0 0 4px;background-color:#fff;}
.mobile_navbtn.on span:first-child {transform:rotate(45deg);transform-origin:2px;}
.mobile_navbtn.on span:nth-child(2) {opacity:0;}
.mobile_navbtn.on span:nth-child(3) {transform:rotate(-45deg);transform-origin:2px;}
.mobile_navwrap {display:none;height:100%;background-color:#fff;left:0;position:fixed;top:0;width:85%;z-index:200;}
.mobnav_inner{height:100%;overflow:auto;}
.mobile_navinner{padding:68px 0 105px 0;}
.mobile_navinner nav{height:100%;overflow:auto;}
.mobile_nav {list-style:none;margin:0 0 0;padding:0 0 20px;}
.mobile_nav li{position:relative;margin:0;}
.mobile_nav li a {color:#666;display:block;font-size:14px;line-height:1.3;padding:13px 20px;text-decoration:none;border-bottom:1px solid #cbcbcb;}
.mobile_nav li a.on{color:#407bdf;font-weight:bold;}
.mobile_nav >li >a::after{content:"";display:block;position:absolute;right:15px;background-image:url('../images/mbmenu_direct.png');background-repeat:no-repeat;background-position:0 0;width:14px;height:14px;top:15px;-ms-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.mobile_nav >li.more >a::after{content:"";display:block;background-image:url('../images/mbmenu_direct.png');background-repeat:no-repeat;background-position:0 0;position:absolute;right:15px;width:14px;height:14px;top:17px;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.mobile_nav >li.more >a.on::after{top:14px;-ms-transform:rotate(268deg);-webkit-transform:rotate(268deg);-moz-transform:rotate(268deg);-o-transform:rotate(268deg);transform:rotate(268deg);}
.mbnav_back{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:none;opacity:0;z-index:199;}
.mbnav_back.on{display:block;opacity:0.8}
.mbtea_all{background-color:#edeeef;border-top:1px solid #cecece;}
.mbtea_all li{margin:0;}
.mbtea_all li dl{position:relative;border-bottom:1px solid #505255;}
.mbtea_all li dt{position:absolute;top:0;font-size:13px;line-height:1.3;font-weight:bold;padding:9px 25px;}
.mbtea_all li dd{padding:0 0 0 125px;}
.mbtea_all.tit_none li dd{padding:0 0 0 0px}
.mbtea_all li dd a{font-size:15px;padding:14px 35px;color:#4f4f4f;}
.mbtea_all li dd:last-child a{border-bottom:0}
.mbtea_all li dd.new img{vertical-align:middle;margin:-1px 0 0 3px;}/* */
.subj_list{background-color:#1c1e21;border-bottom:1px solid #2c3038;}
.subj_list::after{content:"";display:block;clear:both;}
.subj_list li{float:left;width:33.3%}
.subj_list li a{text-align:center;border-right:1px solid #2c3038;color:#c7c7c7}
.subj_list li:nth-child(3) a{border-right:0}
.subj_list li:nth-child(6) a{border-right:0}
.subj_list li:nth-child(7) a{border-bottom:0}
.welcome_wrp{position:absolute;top:0;left:0;background-color:#efeff1;padding:13px 5px 13px 20px;border-bottom:1px solid #cbcbcb;right:0;z-index:1;}



.welcome_wrp .wc_inner{position:relative;}
.welcome_wrp .wctit{padding:0 0 0;line-height:1.3;}
.welcome_wrp .wctit strong{color:#333;font-weight:bold;font-size:16px;}
.welcome_wrp .wctit span{display:block;padding:4px 0 0 0;font-size:12px;color:#949494;letter-spacing:-0.1em;}
.welcome_wrp .btn_place{position:absolute;top:6px;right:15px;}
.welcome_wrp .btn_place a{display:block;background-color:#fe3232;color:#fff;padding:9px 20px;}
.welcome_wrp .lgout{position:absolute;top:6px;right:15px;}
.welcome_wrp .lgout a{display:block;background-color:#504f4f;color:#fff;padding:9px 20px;}

.welcome_wrp .member{position:absolute; bottom:-1px; left:80px;}
.welcome_wrp .member a{display:block;background-color:#efeff1;color:#333;padding:5px 20px; border:1px solid #999}


.mbmenu_bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;background-color:#25272b;padding-bottom:20px;}
.mbmenu_bottom .snsgo_wrp{font-size:0;line-height:0;text-align:center;padding:5px 0 0;}
.mbmenu_bottom .snsgo_wrp a{display:inline-block;margin:0 4px;padding:8px 7px 22px 6px;}
.mbmenu_bottom .snsgo_wrp span{display:block;width:25px;height:20px;text-indent:-9999em;background-image:url('');background-repeat:no-repeat;}
.mbmenu_bottom .naver_b span{background-position:0 0;width:38px;}
.mbmenu_bottom .faceb span{background-position:-59px 0;width:11px;}
.mbmenu_bottom .insta span{background-position:-90px 0;width:20px;}
.mbmenu_bottom .ytube span{background-position:-130px 0;width:26px;}
.mbmenu_bottom .naver_tv span{background-position:-177px 0;width:17px;}



.glbal_menu{display:none}
.glbal_menu{width:100%;background-color:#fff;/* height:50px; */position:fixed;bottom:0;z-index:100; border-top:1px solid #c7c7c7;/*-moz-box-shadow:0px 0px 10px #c7c7c7;-webkit-box-shadow:0px 0px 10px #c7c7c7;box-shadow:0px 0px 10px #c7c7c7;*/}
.glbal_menu .gm_inner{}
.glbal_menu .gm_inner ul{overflow:hidden;}
.glbal_menu .gm_inner ul li{float:left;height:65px;width:25%;}
.glbal_menu .gm_inner ul li a{display:block;height:100%}
.glbal_menu .gm_inner ul li a span{display:block;margin:0 auto;font-size:12px;font-family:'notokr-medium'; text-align:center;padding:46px 0 0; color:#434547}
.glbal_menu .gm_inner ul li.glb_key1 a{background:url('../images/bt_i01.png') no-repeat center 8px;}
.glbal_menu .gm_inner ul li.glb_key2 a{background:url('../images/bt_i02.png') no-repeat center 8px;}
.glbal_menu .gm_inner ul li.glb_key3 a{background:url('../images/bt_i03.png') no-repeat center 8px;}
.glbal_menu .gm_inner ul li.glb_key4 a{background:url('../images/bt_i04.png') no-repeat center 8px;}
/*.glbal_menu .gm_inner ul li.glb_key5 a{background:url('') no-repeat center 8px;}*/
.glbal_menu .topgo{position:fixed;z-index:100;right:5px;bottom:60px;}
.glbal_menu .topgo a{display:block;background:url('../images/topgo_btn.png') no-repeat 0 center;width:45px;height:45px;font-size: 0;background-size:45px}


.board-list table.table {text-align: center;border-top: 1px solid #999; border-bottom: 1px solid #aaa; width:100%}
.board-list table.table tr.notice td:first-child {color: #ff0000}
.board-list table.table th {background: #ededed;color: #111;/*border-right: 1px solid #999;*/border-bottom: 1px solid #999; line-height:28px; text-align:center; font-family:'notokr-medium'; font-weight:500}
.board-list table.table th.fs {background: #ededed;color: #111;/*border-right: 1px solid #999;*/border-bottom: 1px solid #ccc; line-height:45px; text-align:center; font-size:15px}

.board-list table.table th.bac {background: #edf2f7;color: #111;/*border-right: 1px solid #999;*/border-bottom: 1px solid #ccc; line-height:28px; text-align:center; font-size:15px}


.board-list table.table th:last-child {border-right: 0;}
.board-list table.table td {color: #888; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:25px; }
.board-list table.table td:last-child {border-right: 0;}
.board-list table.table td img {margin: 0 3px;}
.board-list table.table td.state span {color: #fff;min-width: 65px;height: 24px;line-height: 24px;background: #adadad; text-align: center;display: inline-block;font-size: 12px;}
.board-list table.table td.state span.ok {background:#eb4626;}
.board-list table.table td.title {text-align: left; color: #222;/* text-indent:15px;*/ font-size:17px; }
.board-list table.table td.reply .title {padding-left: 20px;}
.board-list table.table td.date a {color: #059ec8; display: block;}
.board-list table.table td.file img{ vertical-align:middle; width:22%}
.board-list table.table td.order-no {color: #059ec8}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #059ec8;margin-left: 10px;}
.board-list table.table td.state .btn {background: none; border-bottom: 1px solid #ddd;padding: 0;padding-bottom: 3px}
.board-list table.table td b {color: #222;}
.board-list .btn-box {margin-top: -38px;float: right;}
.board-list .btn-box .btn {width: 70px;}
.p_ba{ background:#fff}
.board-list table.table td.l_txt{text-align: center; color: #333;/* text-indent:15px;*/ font-size:15px;  }
.board-list table.table td.pass_tit {text-align: left; color: #222;/* text-indent:15px;*/ font-size:18px; font-weight:600 }

.board-list .btn-box1 {margin-top:-38px;}
.board-list .btn-box1 .btn {width: 70px; min-width: 130px;padding: 8px 12px;height: 50px;font-size: 1.125em}


.btns{ width:100%; position:relative; float:right; margin:30px  0; }
.btns .list{background:#fff; color:#333; font-size:16px; padding:15px 30px; border:1px solid #333; width:120px; text-align:center; margin:0 5px;float:right;  } 
.btns .accept{background:#ff4444; color:#fff; font-size:16px; padding:15px 30px; border:1px solid #ff4444; width:120px; text-align:center; margin:0 5px;float:left;  } 
.btns .accept1{background:#ff4444; color:#fff; font-size:20px; padding:15px 30px; border:1px solid #ff4444; width:140px; text-align:center; margin:0 5px;float:right;  } 



/*접수버튼들*/
.btn_ing{ background:#ff4444; color:#fff; font-size:14px; padding:3px 10px}/*결과,미응시*/
.btn_end{ background:#69696a; color:#fff; font-size:14px; padding:3px 10px}/*종료*/
.btn_res{ background:#4f77bf; color:#fff; font-size:14px; padding:3px 10px}/*결과*/
.btn_take{ background:#000000; color:#fff; font-size:14px; padding:3px 10px}/*응시*/

/* PAGINATION */
.pagination {display: table;border-collapse: collapse;table-layout: fixed;text-align:center;margin: 0 auto; margin-top:4%; margin-bottom:3%;border-radius:0;font-size: 0;/*width: 540px;*/max-width: 540px; padding-left: 0;  border-radius: 4px;}
.pagination a {display:table-cell;vertical-align:middle;height:2.3em;line-height:2.3em;font-size: 13px; width:30px}
.pagination a img {vertical-align: middle;position: relative;top: -2px;}
.pagination .active {color:#176bc2;background:#fff; border:2px solid #176bc2; position:relative;z-index:1; font-weight: bold;font-size: 14px;}


/*테이블_S*/

.board-slist table.table {text-align: center;border-top: 1px solid #aeadad; border-bottom: 1px solid #aeadad; width:100%}
.board-slist table.table th {background: #ededed; color:#666; font-weight: normal;border-bottom: 1px solid #aeadad; line-height:20px; text-align:center; font-size:16px}
.board-slist table.table td {color: #888; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:30px; color:#333333 }
.board-slist table.table .line{ border-right:1px solid #aeadad}

/*모의고사문제풀기팝업*/
.mainPop{ top:0; left:0; width:100%; height:100%; background:#fff; z-index:1000;}
.mainPop .popBox{width:100%; position:absolute; left:0; top:0; background:#fff; overflow:hidden}/*width:800px;*/
.mainPop .popBox .popBody{width:100%; padding-bottom:10px; background:#fff; border:1px solid #999}
.mainPop .popBox .popBody .viewDetail{position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom:50px; width:195px; height:60px; padding:0 50px; font-family:'NotoSans-Bold'; font-size:20px; color:#222; text-align:center; line-height:60px; border:1px solid #797979; background:#fff; border-radius:30px;}
.mainPop .popBox .popBody .typetit {  line-height:40px; padding:12px 50px; text-align:center; font-family:'notokr-bold'; color:#000000; background:#ebebeb; font-size:25px; position:relative}
.mainPop .popBox .popBody .typetit .close_btn{
	position:absolute;
	width: 20px;
	height:20px;
	right:30px;
	top:17px;
	cursor:pointer;
	z-index:201
}
.tit_info { height:40px;   line-height:40px; padding:12px 50px; text-align:left;  background:#3c4458; font-size:25px; position:relative; overflow:hidden; color:#FFFFFF;}

.time_info { height:60px;   line-height:40px; padding:12px 50px; text-align:left;  background:#3c4458; font-size:25px; position:relative; overflow:hidden; color:#FFFFFF;}
.time_info .time_tit{ font-size:14px; color:#FFF; width:90px; padding:1px 15px; position:absolute; height:15px; right:1px; top:3px; z-index:220}
.time_info .time_number{ font-size:23px; color:#FFF; width:90px; padding:0 15px; position:absolute;height:35px; right:1px; top:30px; z-index:220; font-family:Tahoma, Geneva, sans-serif; font-weight:600}

.time_info .time_tit01{ font-size:14px; color:#FFF; width:110px; padding:1px 15px; position:absolute; height:15px; right:120px; top:3px; z-index:220}
/*.time_info .time_number01{ font-size:23px; color:#fef744; width:90px; padding:0 15px; position:absolute;height:35px; right:120px; top:30px; z-index:220; font-family:Tahoma, Geneva, sans-serif; font-weight:600}*/
.time_info .time_number01{ font-size:23px; color:#fef744; width:120px; padding:0 15px; position:absolute;height:35px; right:120px; top:30px; z-index:220; font-family:Tahoma, Geneva, sans-serif; font-weight:600}

.time_info .line{ font-size:25px; color:#FFF; width:10px; padding:0 10px; position:absolute;height:35px; right:110px; top:30px; z-index:220; font-family:Tahoma, Geneva, sans-serif; font-weight:600}

/*문제팝업들*/
.mainPop .popBox .popBody .bodybox{ margin:15px 15px 40px 15px; }
.logo_w50{ width:40%}
.logo_w30{ width:30%}
.mainPop .popBox .popBody .bodybox .tit{ line-height:50px; text-align: left; font-size:20px; margin-top:20px;font-family:'notokr-bold'; color:#000000 }

.mainPop .popBox .popBody .bodybox .txt{ line-height:24px; text-align: left; font-size:16px; margin-top:10px; margin-bottom:10px; font-family:'notokr-medium'; color:#000000 }
.mainPop .popBox .popBottom{position:absolute; bottom:0; left:0; width:100%; height:60px; padding:18px 140px 18px 30px; text-align:right; z-index:1;}
.mainPop .popBox .popBottom .xBt{position:absolute; right:30px; bottom:15px; padding-right:20px; font-family:'NotoSans-Regular'; color:#fff; font-size:16px; background:url(/images/main/mGnb_xBtn.png) right center no-repeat;}

.ques_box{ width:100%;}
.ques_box ul{margin:10px 0 10px 0}
.ques_box ul li{ font-size:16px; line-height:28px; color:#333333; font-family:'notokr-medium'; }
.q_red{ color:#ff3b3b !important}

.mtr_tbl{ width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #333; border-right:solid 1px #333;border-collapse:collapse; position:relative}
.mtr_tbl th{ border-bottom:solid 1px #333; border-right:solid 1px #333; background:#fff; padding:6px 0 6px 15px; text-align: center; color:#333; font-family:"notokr-medium"; font-size:16px; line-height:30px}

.mtr_tbl td{border-bottom:solid 1px #333; padding:6px 10px 6px 10px; color:#666; text-align: left;font-size:15px;line-height:25px; font-family:'NotoSansKR-Regular'}
.mtr_tbl .m_l{ padding:10px 20px 10px 20px;font-family:"notokr-medium"; }
.i_text3{ padding:1px 5px 3px 5px; margin:2px; height:30px;  border:1px solid #bebebe; color:#666; font-size:15px; }

.mtr_tbl_box{width:100%;  position:relative}
.mtr_tbl_box .m_l{ padding:10px 20px 10px 20px; border:1px solid #333; font-size:16px; color:#666666; line-height:20px}

/*해설용*/
.explan_box{width:100%;  position:relative}
.explan_box .b_l{ padding:15px 20px 15px 20px; border:1px solid #888888; background:#f2f4f6; font-size:16px; color:#666666; line-height:20px}

/* 버튼 */
.btnArea{margin-top:60px; margin-bottom:100px; text-align:center; position:relative;}
.btnArea.mt60{margin-top:60px;}

.btnArea1{margin-top:0px; margin-bottom:50px; text-align:center; position:relative;}
.roundBtn{ display:inline-block; height:50px; padding:0 50px; font-family:'notokr-bold'; color:#fff; font-size:18px; line-height:48px; border-radius:30px; background:#333333}
.roundBtn01{ display:inline-block; height:50px; padding:0 50px; font-family:'notokr-bold'; color:#fff; font-size:18px; line-height:48px; border-radius:30px;  background:#fc2c2c}

.wsm{ width:640px !important }

@keyframes changeColor_txt {0% { color:#f6ed04 } 50% { color:#f6ed04 } 51% { color:#fff } 100% { color:#fff }}
@keyframes changeColor_txt_red {0% { color:#ff0000 } 50% { color:#ff0000 } 51% { color:#fff } 100% { color:#fff }}

.top_bnrzone .txt_point{display: none}


@keyframes changeColor_txt_sobang {0% { color:#f6ed04 } 50% { color:#f6ed04 } 51% { color:#fff } 100% { color:#fff }}
@keyframes changeColor_txt_yellow_sobang {0% { color:#f6ed04  } 50% { color:#f6ed04  } 51% { color:#fff } 100% { color:#fff }}



@media all and (max-width: 1200px){
	#headertop .hd_wrp .logoproject_sobang{display:none;}
	#headertop .hd_wrp .logoproject_sobang_pc{display:none;}
	#headertop .hd_wrp .logoproject_sobang_m{display:block;padding:3px 15px 7px 0;}
	#headertop .hd_wrp .logoproject_sobang_m img{width:108px;}

	.wrap_content .mockSky{display:none;}


}
@media all and (max-width: 900px){
.Content{ padding:0 10px}	
	
.b_review{ width:100%; height:auto; margin:30px 0 10px 0 !important;}
.i_month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:536px; }
.b_review .month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:170px; }
.b_review .tit{ width:100%; height:40px; border-bottom:1px solid #e0e1e3; float:left; position:relative}
.b_review .tit .text{ width:100%; font-size:1.4em; font-family:"notokr-bold"; text-align:left; color:#333}
.r_style_bg { font-size:13px; height:auto; float:left;position:relative}

.r_style_bg th{text-align:left; font-size:14px; height:30px;border-bottom:1px solid #dedede; position:relative; font-weight:500;}
.r_style_bg .font_s12{ font-size:12px; font-weight:normal; color:#666666}

.s_navigation{ display:none }	
	
/*테이블*/
.board-list table.table td{ line-height:22px}
.board-list table.table td.title { font-size:16px}	

.btns{  position:relative; padding:10px }
.btns .list{background:#fff; color:#333; font-size:16px; padding:15px 0px; border:1px solid #333; width:100%; text-align:center; float:none; margin:0 8px} 
.btns .accept{background:#ff4444; color:#fff; font-size:16px; padding:15px 0px; border:1px solid #ff4444; width:100%; text-align:center;float:none; margin:0 8px 5px 8px  } 


}
@media all and (max-width: 768px){

	
}
@media all and (max-width: 640px){
	.top_bnrzone .day_point > span{font-size:2.4vw;}
	.top_bnrzone .mtop_teacherSlide img{float:none;}

	.top_bnrzone.sobang .day_point > span{font-size: 12px;}
	.top_bnrzone.sobang .mtop_teacherSlide img{float:none;}

	.tbl_6.list_type col:nth-child(1){width:15%}
	.tbl_6.list_type col:nth-child(4){width:18%}
	
	
	
}

/*&&&&&*/