@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* NanumGothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* NanumMyeongjo */
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); /* NanumSquare */
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); /* 나눔바른고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /* font-family: 'Noto Sans KR', sans-serif; */
.nanum_G {font-family:"Nanum Gothic","Nanum Gothic Coding"; }
.nanum_G2 {font-family:"NanumGothic"; }
.nanum_M {font-family:"NanumMyeongjo"; }
.nanum_S {font-family:"NanumSquare"; }
.nanum_B {font-family:"Nanum Barun Gothic"; }
.txTahoma {font-family:"Tahoma";}
body, td, textarea, input, select {
font-family: 'Nanum Gothic',sans-serif; font-size:14px; color:#727272; line-height:25px;
margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
scrollbar-face-color: #E9E9E9;
scrollbar-shadow-color: #CECECE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #999999;
scrollbar-track-color: #F2F2F2;
scrollbar-arrow-color: #7E7E7E;
}
body {background-color:#FFFFFF}
ul, li {list-style:none; margin:0; padding:0}
img {border:none}
img {vertical-align:top} /* 이미지 5픽셀 문제가 있을경우 사용한다. */
p {margin:0px; padding:0px;}
.wrapall {margin:0 auto; width:980px;}
.basicdiv {width:1200px; margin:0 auto;}
.divbasic {width:1200px; margin:0 auto;}
.divcenter {margin:0 auto;}
.clear {clear:both; height:0; overflow:hidden;}
.pointer {cursor:pointer;}
a.link_img:link, a.link_img:active, a.link_img:visited img{
opacity:1;
-moz-opacity: 1;
filter: alpha(opacity=100);
background: #fff;
}
a.link_img:hover img{
opacity:0.80;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
background-color;: #FFFFFF;
}
a:link, a:active, a:visited {color:#7c7c7c; text-decoration:none;}
a:hover { color:#000000; text-decoration:underline; }
a.blacklink:link, a.blacklink:active, a.blacklink:visited {color:#b1b1b1; text-decoration:none;}
a.blacklink:hover { color:#ced456; text-decoration:underline; }
.LmenuOver {color:#36902a; font-weight:bold; cursor:pointer}
.LmenuOut {color:#727272; cursor:pointer}
.form_field1 {height:18px; border:1px solid #d3dcec; background-color:#f7f9fe; font-size:14px}
.clear {clear:both; height:0; overflow:hidden;}
.pointer {cursor:pointer;}
.floatLeft {float:left;}
.floatRight {float:right;}
.txBold {font-weight:bold;}
.tx11 {font-size:11px; } .tx12 {font-size:12px; } .tx13 {font-size:13px; } .tx14 {font-size:14px; } .tx15 {font-size:15px; } .tx16 {font-size:16px; } .tx17 {font-size:17px; } .tx18 {font-size:18px; } .tx19 {font-size:19px; } .tx20 {font-size:20px; }
.tx22 {font-size:22px; } .tx24 {font-size:24px; } .tx26 {font-size:26px; } .tx28 {font-size:28px; } .tx30 {font-size:30px; } .tx32 {font-size:32px; } .tx34 {font-size:34px; } .tx36 {font-size:36px; } .tx38 {font-size:38px; } .tx40 {font-size:40px; }
.tx11B {font-size:11px; font-weight:bold;} .tx12B {font-size:12px; font-weight:bold;} .tx13B {font-size:13px; font-weight:bold;} .tx14B {font-size:14px; font-weight:bold;} .tx15B {font-size:15px; font-weight:bold;}
.tx16B {font-size:16px; font-weight:bold;} .tx17B {font-size:17px; font-weight:bold;} .tx18B {font-size:18px; font-weight:bold;} .tx19B {font-size:19px; font-weight:bold;} .tx20B {font-size:20px; font-weight:bold;}
.tx22B {font-size:22px; font-weight:bold;} .tx24B {font-size:24px; font-weight:bold;} .tx26B {font-size:26px; font-weight:bold;} .tx28B {font-size:28px; font-weight:bold;} .tx30B {font-size:30px; font-weight:bold;}
.tx32B {font-size:32px; font-weight:bold;} .tx34B {font-size:34px; font-weight:bold;} .tx36B {font-size:36px; font-weight:bold;} .tx38B {font-size:38px; font-weight:bold;} .tx40B {font-size:40px; font-weight:bold;}
/* 블릿이 있는 ul 텍스트 :::::::: 몰몰 고객센터 참조*/
.ultxtA {list-style-type:none; margin:0px; padding:0px; }
.ultxtA li {padding:2px 0px 2px 11px; margin:0px; display:block; background: url("/images/blt_00.png") no-repeat 0px 9px; background-size: 4px 4px;}
.ultxtA li:hover {padding:2px 0px 2px 11px; margin:0px; display:block; background: url("/images/blt_00.png") no-repeat 0px 9px; background-color:#e9f6ff; background-size: 4px 4px;}
/* 블릿이 없는 ul 텍스트*/
.notxtA {list-style-type:none; margin:0px; padding:0px; }
.notxtA li {padding:5px 0px 5px 0px; margin:0px; display:block;}
.notxtA li:hover {padding:5px 0px 5px 0px; margin:0px; display:block;}
/* 블릿이 있는 일반 텍스틑 */
.bltA {padding:2px 0px 2px 11px; margin:0px; display:block; background: url("/images/blt_00.png") no-repeat 0px 9px; background-size: 4px 4px;}
.bltB {padding:2px 0px 2px 22px; margin:0px; display:block; background: url("/images/blt_11.png") no-repeat 0px 4px; background-size: 16px 16px;}
.txCenter {text-align:center;}
.txLeft {text-align:left;}
.txRight {text-align:right;}
.lineh10 {line-height:10px;}.lineh11 {line-height:11px;}.lineh12 {line-height:12px;}.lineh13 {line-height:13px;}.lineh14 {line-height:14px;}.lineh15 {line-height:15px;}.lineh16 {line-height:16px;}.lineh17 {line-height:17px;}.lineh18 {line-height:18px;}.lineh19 {line-height:19px;}
.lineh20 {line-height:20px;}.lineh21 {line-height:21px;}.lineh22 {line-height:22px;}.lineh23 {line-height:23px;}.lineh24 {line-height:24px;}.lineh25 {line-height:25px;}.lineh26 {line-height:26px;}.lineh27 {line-height:27px;}.lineh28 {line-height:28px;}.lineh29 {line-height:29px;}
.lineh30 {line-height:30px;}.lineh31 {line-height:31px;}.lineh32 {line-height:32px;}.lineh33 {line-height:33px;}.lineh34 {line-height:34px;}.lineh35 {line-height:35px;}.lineh36 {line-height:36px;}.lineh37 {line-height:37px;}.lineh38 {line-height:38px;}.lineh39 {line-height:39px;}
.lineh40 {line-height:40px;}.lineh41 {line-height:41px;}.lineh42 {line-height:42px;}.lineh43 {line-height:43px;}.lineh44 {line-height:44px;}.lineh45 {line-height:45px;}.lineh46 {line-height:46px;}.lineh47 {line-height:47px;}.lineh48 {line-height:48px;}.lineh49 {line-height:49px;}
.spacing1 {letter-spacing:-0.01em} .spacing2 {letter-spacing:-0.02em} .spacing3 {letter-spacing:-0.03em} .spacing4 {letter-spacing:-0.04em} .spacing5 {letter-spacing:-0.05em}
.spacing6 {letter-spacing:-0.06em} .spacing7 {letter-spacing:-0.07em} .spacing8 {letter-spacing:-0.08em} .spacing9 {letter-spacing:-0.09em} .spacing10 {letter-spacing:-0.10em}
.txBlue {color:#005aff}
.txBlue2 {color:#3972b3}
.txGreen {color:#37b73d}
.txRed {color:#cc3300}
.txCyan {color:#52a5cb}
.txWhite {color:#FFFFFF}
.txOrange {color:#ff6600}
.txYellow {color:#ffff00}
.txBlack {color:#000000} .txBlack1 {color:#191919} .txBlack2 {color:#282828} .txBlack3 {color:#4b4b4b} .txBlack4 {color:#707070} .txBlack5 {color:#9d9d9d} .txBlack6 {color:#bbbbbb} .txBlack7 {color:#e1e1e1}
.txTahoma {font-family:Tahoma;}
.alpha100 {opacity:1.0; filter:alpha(opacity=100);}
.alpha90 {opacity:0.9; filter:alpha(opacity=90);}
.alpha80 {opacity:0.8; filter:alpha(opacity=80);}
.alpha70 {opacity:0.7; filter:alpha(opacity=70);}
.alpha60 {opacity:0.6; filter:alpha(opacity=60);}
.alpha50 {opacity:0.5; filter:alpha(opacity=50);}
.alpha40 {opacity:0.4; filter:alpha(opacity=40);}
.alpha30 {opacity:0.3; filter:alpha(opacity=30);}
.alpha20 {opacity:0.2; filter:alpha(opacity=20);}
.alpha10 {opacity:0.1; filter:alpha(opacity=10);}
.imglineheight {line-height:10px}
input { color:#666666; border:1px #CECBCE solid; padding:5px;}
.input2 { color:#666666; border:none;} /* 배경색과 맞출때 : background-color:#00FF66; */
textarea { color:#666666; border:1px #CECBCE solid; padding:5px;}
.dotH1 {background-image:URL('/images/dotH1.gif'); background-repeat: repeat-x;}
.dotH2 {background-image:URL('/images/dotH2.gif'); background-repeat: repeat-x;}
.dotH3 {background-image:URL('/images/dotH3.gif'); background-repeat: repeat-x;}
/* 테두리 */
.Tbrd1 { border: 1px #cdcdcd solid;}
.Tbrd1b { border: 1px #dddddd solid;}
.Tbrd2 { border: 2px #cdcdcd solid;}
.Tbrd3 { border: 3px #cdcdcd solid;}
.Tbrd4 { border: 4px #cdcdcd solid;}
.Tbrd5 { border: 5px #cdcdcd solid;}
.Tbrd6 { border: 6px #cdcdcd solid;}
.Tbrd7 { border: 7px #cdcdcd solid;}
.tableA thead tr:first-child th{border-top:0;}
.tableA thead tr th:first-child {border-left:0;} /* th 첫번째열 왼쪽 라인 없애기 */
.tableA tbody tr td:first-child {border-left:0;} /* td 첫번째열 왼쪽 라인 없애기 */
.tableA th, .tableA td{padding:5px 9px; border-top:1px solid #999999; border-left:1px solid #999999;}
/* 라인이 약간 흐린 테이블 */
.tableB thead tr:first-child th{border-top:0;}
.tableB thead tr th:first-child {border-left:0;} /* th 첫번째열 왼쪽 라인 없애기 */
.tableB tbody tr td:first-child {border-left:0;} /* td 첫번째열 왼쪽 라인 없애기 */
.tableB th, .tableB td{padding:5px 9px; border-top:1px solid #cccccc; border-left:1px solid #cccccc;}
/* 세로라인 없는 테이블 */
.tableC thead tr:first-child th{border-top:0;}
.tableC thead tr th:first-child {border-left:0;} /* th 첫번째열 왼쪽 라인 없애기 */
.tableC tbody tr td:first-child {border-left:0;} /* td 첫번째열 왼쪽 라인 없애기 */
.tableC th, .tableC td{padding:4px 9px; border-top:1px solid #cccccc; border-left:0px solid #FFFFFF;}
/* 세로라인 없는 테이블2 (테이블 내부의 작은 테이블에 주로 사용 ) */
.tableC2 td{padding:4px 5px 3px 5px; border-top:1px solid #efefef; border-left:0px solid #FFFFFF;}
.tableC2 tr:first-child td{border-top:0;} /* td 첫번째열 왼쪽 라인 없애기 */
/* th 라인이 없는 테이블 (부모 테이블 상속값 삭제용) */
.tableN thead tr:first-child th{border-top:0;}
.tableN thead tr th:first-child {border-left:0;} /* th 첫번째열 왼쪽 라인 없애기 */
.tableN tbody tr td:first-child {border-left:0;} /* td 첫번째열 왼쪽 라인 없애기 */
.tableN th, .tableN td{padding:0px 5px; border-top:0px solid #FFFFFF; border-left:0px solid #FFFFFF;}
.round0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius:0px;}
.round1 { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px;}
.round2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;}
.round3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px;}
.round4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px;}
.round5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}
.round6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px;}
.round7 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius:7px;}
.round8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px;}
.round9 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius:9px;}
.round10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;}
.round15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius:15px;}
.round20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius:20px;}
.round30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius:30px;}
.round100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius:100px;}
a.btn_blueround { /* 후캔톡 상단 로그인버튼 적용예 Join */
background-color:#006cc0;
border:1px solid #005da6;
display:inline-block;
color:#edf7ff;
cursor:pointer;
font-style:normal; text-decoration:none; text-align:center; text-indent:0;
}
a.btn_blueround:hover {
background-color:#0064b1;
color:#edf7ff;
text-decoration:none;
}
a.btn_blueround:active {position:relative; top:1px;}
a.btn_round { /* 로그인하기 */
background-color:#FFFFFF;
border:1px solid #b4b4b4;
display:inline-block;
cursor:pointer;
color:#3d3d3d;
font-style:normal; text-decoration:none; text-align:center; text-indent:0;
}
a.btn_round:hover {
background-color:#fbfbfb;
text-decoration:none;
color:#3d3d3d;
}
.btn_round:active {position:relative; top:1px;}
/* 기본 사각형 큰버튼 */
a.btn_bigbox{
padding:0 0 0 0; text-decoration:none; text-align:center; cursor:pointer; display:inline-block;
color:#FFFFFF;
opacity:1.0; filter:alpha(opacity=100);
}
a.btn_bigbox:hover {
opacity:0.95; filter:alpha(opacity=95);
text-decoration:none;
color:#FFFFFF;
}
.btn_bigbox:active {position:relative; top:1px;}
.btn_gray {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #ececec) );
background:-moz-linear-gradient( center top, #f5f5f5 5%, #ececec 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ececec');
background-color:#f5f5f5;
border:1px solid #b2b2b2;
display:inline-block;
color:#777777;
font-style:normal; text-decoration:none; text-align:center; cursor:pointer; text-indent:0;
}
.btn_gray:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ececec), color-stop(1, #f5f5f5) );
background:-moz-linear-gradient( center top, #ececec 5%, #f5f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#f5f5f5');
background-color:#ececec;
text-decoration:none;
}
.btn_gray:active {position:relative; top:1px;}
.btn_blue {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f5fb), color-stop(1, #dbe7f5) );
background:-moz-linear-gradient( center top, #f0f5fb 5%, #dbe7f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f5fb', endColorstr='#dbe7f5');
background-color:#f0f5fb;
border:1px solid #5a99de;
display:inline-block;
color:#3671ba;
font-style:normal; text-decoration:none; text-align:center; text-indent:0; cursor:pointer;
}
.btn_blue:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbe7f5), color-stop(1, #f0f5fb) );
background:-moz-linear-gradient( center top, #dbe7f5 5%, #f0f5fb 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe7f5', endColorstr='#f0f5fb');
background-color:#dbe7f5;
text-decoration:none;
}
.btn_blue:active {position:relative; top:1px;}
/* 이미지를 이용한 체크박스 */
/* 사용예 : */
/* 사용예 : 아이디와 라벨for는 이름이 달라야함 */
input[type=checkbox].cnboxA {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].cnboxA + label.cnboxAlabel {
padding-left:35px;
height:30px;
display:inline-block;
line-height:30px;
background-repeat:no-repeat;
background-position: 0 0;
/*font-size:16px;*/
vertical-align:middle;
cursor:pointer;
}
input[type=checkbox].cnboxA:checked + label.cnboxAlabel {background-position: 0 -30px;}
label.cnboxAlabel {
background-image:url(/images/bn/checkboxA.png);
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
/* 이미지를 이용한 라디오버튼 */
input[type=radio].cnradioA {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=radio].cnradioA + label.cnradioAlabel {
padding-left:26px;
height:21px;
display:inline-block;
line-height:21px;
background-repeat:no-repeat;
background-position: 0 0;
/*font-size:16px;*/
vertical-align:middle;
cursor:pointer;
}
input[type=radio].cnradioA:checked + label.cnradioAlabel {background-position: 0 -21px;}
label.cnradioAlabel {
background-image:url(/images/bn/radioA.png);
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
input[type=radio].cnradioA:disabled + label.cnradioAlabel {background-position: 0 -43px;}
/* 이미지를 이용한 체크박스2 (회색) */
input[type=checkbox].cnboxB {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].cnboxB + label.cnboxBlabel {
padding-left:32px;
height:30px;
display:inline-block;
line-height:28px;
background-repeat:no-repeat;
background-position: 0 0;
/*font-size:16px;*/
vertical-align:middle;
cursor:pointer;
}
input[type=checkbox].cnboxB:checked + label.cnboxBlabel {background-position: 0 -30px;}
label.cnboxBlabel {
background-image:url(/images/bn/checkboxB.png);
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}