@charset "utf-8";
@import url("/Common/CSS_2015/normalize.css");
@import url("/Common/CSS_2015/fonts.css");
@import url("/Common/CSS_2015/reset.css");

/* common */

body, h1, h2, h3, h4, h5, h6, form, div, p, em, img, ul, li, ol, table, tr, td, fieldset, label, dt { padding: 0; margin: 0; border: 0; color: #272727; }
body { width: 100%; line-height: 16px; margin: 0px; font-weight: normal; height: 100%; padding: 0px; font-size:13px;font-family: Nanum Gothic, 'Nanum Gothic', "나눔고딕", "돋움", "Dotum", "굴림", "Gulim", "Arial", "verdana", "Helvetica";}
h1,h2,h3,h4,h5,h6,dt{font-family: Nanum Gothic, 'Nanum Gothic', "나눔고딕", "돋움", "Dotum", "굴림", "Gulim", "Arial", "verdana", "Helvetica";}
/* h1,h2,h3,h4,h5,h6{letter-spacing:-1px;} */

fieldset, img, button { border: medium none; padding: 0; margin: 0; }

hr, button img { display: none; }

em, address { font-style: normal; }

li { list-style: none; padding: 0; margin: 0; }

caption { visibility: hidden; position: absolute; left: -9999999em; width: 1px; height: 1px; margin: 0; padding: 0; background: none; font-size: 0; line-height: 0; text-indent: -9999999em; }

img, fieldset, button { border: medium none; padding: 0; margin: 0; }
img, input, select, textarea, label {vertical-align:middle;}

button { cursor: pointer; background: transparent; overflow: visible; }

li img { vertical-align: top; /* For IE image margin */ }

input.type_img { vertical-align: middle; /* For IE image margin */ }

textarea{margin:0;border:1px solid #cccccc;font-size:14px; font-family: Nanum Gothic, 'Nanum Gothic', "나눔고딕", "돋움", "Dotum", "굴림", "Gulim", "Arial", "verdana", "Helvetica";}
select,input{ vertical-align:middle; font-family: Nanum Gothic, 'Nanum Gothic', "나눔고딕", "돋움", "Dotum", "굴림", "Gulim", "Arial", "verdana", "Helvetica";}
ul,ol{list-style-type:none;}
dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input[type='checkbox'], input[type='radio'] {box-sizing:border-box;padding:0;vertical-align:middle;}

a { color: #272727; text-decoration: none; }
a:link { color: #272727; text-decoration: none; }
a:visited { color: #272727; text-decoration: none; }
a:hover { color: #467bd7; text-decoration: none; }
a:active { color: #467bd7; text-decoration: none; }
a:focus { color: #467bd7; text-decoration: none; }

.skip_menu a { position: absolute; left: -99999px; background-color: #fff; z-index: 999999999999999999; }
.skip_menu a:focus { left: 0px; }

.clearfix:after { content: ""; display: block; clear: both; }

/* 
-----------------------------------------------------------------------------
상단영역 
-----------------------------------------------------------------------------
 */

/* 합격응원배너 start */
.top_banner{width:100%;text-align:center;background:#3b3c42;}
.top_banner .intro_banner{position:relative;background:#131e62;}
.top_banner .intro_banner img{cursor:pointer}
.top_banner .main_banner {display:none;}
.top_banner .main_banner #slides_sub{position:relative;width:100%;height:375px;margin:0 auto;background-color:#070f3a}
.top_banner .main_banner #slides_sub .slides_container{overflow:hidden;position:relative;width:960px;height:375px;margin:0 auto}
.top_banner .main_banner #slides_sub .slides_container div.slide{display:block;position:relative;z-index:5;width:960px;height:375px}
.top_banner .main_banner #slides_sub .slides_container div.slide img{width:960px;height:375px}
.top_banner .main_banner #slides_sub .pagination{display:none}
/* 합격응원배너 end */

/* 탑 배너
.top_banner1 {width:100%; text-align:center; height:90px; background:#0a0700;} */
/* 12월 6일 적용할 css입니다!*/
.top_banner1 {width:100%; text-align:center; height:90px; background:#3e2465;}

#wrapper { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 0;background: url("/Images/Main_2015/top_bg0603.gif") no-repeat top center; }

.lt-ie7 #wraper { background: url("/Images/Main_2015/top_bg_blue.gif") repeat-x top left; }

.lt-ie8 #wraper { background: url("/Images/Main_2015/top_bg_blue.gif") repeat-x top left; }

.lt-ie9 #wraper { background: url("/Images/Main_2015/top_bg_blue.gif") repeat-x top left; }

#container_main { position: relative; width: 1250px; margin: 0 auto; z-index: 1;background-color:#fff; overflow: hidden; }
#container { position: relative; width: 1250px; margin: 0 auto;padding-bottom:10px;z-index: 1;background-color:#fff; overflow: hidden; }

#header { position: relative; width: 1250px; height: 159px; margin: 0 auto; z-index: 99999999; }
#header #top { position: relative; width: 100%; height: 40px; margin: 0 auto; }
#header #top h1 { position: absolute; top: 5px; left: 5px; }
/* #header #top #utilmenu { float: right; margin: 10px 10px 0 0; color: #fff; font-size: 0.85em; } sns 추가로 기존 거 감춤 151116 */
#header #top #utilmenu a { color: #fff; }

/* sns 추가 151116 */
#header #top #utilmenu {float: left; margin: 15px 10px 0 0; color: #fff; font-size: 0.85em; width:860px; text-align:right;}
#header #top .top_sns {float:right; width:110px; margin:5px 0 0 0; text-align:right;}

.lt-ie7 #header {background-color: #27bcf7;}
.lt-ie8 #header {background-color: #27bcf7;}
.lt-ie9 #header {background-color: #27bcf7;}

/*! gnb영역 */
#m_gnb { position: relative; width: 980px;margin: 6px 0 0 0; z-index: 999999999999; }

#topmenu { position: relative; width: 762px; height: 83px; background-color: #fff; text-align: center; z-index: 9999999999999; }

.menu { width: auto; margin: auto; line-height: 1.4em; zoom: 1;overflow:hidden; }
/* .menu li { position: relative; display: inline-block; width: 92px; padding: 0px; height: 28px; padding-top: 55px; list-style: none; text-align: center; } */
.menu li {display: block; float: left; width: 95px; padding: 0px; height: 28px; padding-top: 55px; list-style: none; text-align: center;cursor:pointer;font-size:1.0em;font-weight:400;letter-spacing:-1px; }
.menu li a { height: 100%;color: #686868;}
.menu li a:hover, .menu li a:focus { color: #0095eb;font-weight:bold;}
.menu li a.active { color: #fff; }
.menu li .sub {position:absolute;top:83px;left:0px;width: 976px; height: 375px; overflow: hidden; background-color: #fff;border-top: 2px solid #27bcf7; border-left: 2px solid #27bcf7; border-right: 2px solid #27bcf7; border-bottom: 2px solid #27bcf7;}

.menu li .sub li { float: left; height: 28px; padding: 0px 0px 0px 10px; font-size: 0.9em; font-weight: normal; /* 2depth 펼쳐지는 메뉴 */ }
.menu li .sub li h3 { font-size: 1.3em; font-weight: bold;text-align:left;background: url("/Images/Main_2015/icon_gnb.gif") no-repeat left 8px;text-indent:1.1em; }
.menu li .sub li .subject-name { overflow: hidden;text-align:left; }
.menu li .sub li .subject-name p { float: none; line-height: 1.8em; }
.menu li .sub li .subject-name_m4 p { height:24px;}
.menu li .sub li a { padding: 0px 0px; line-height: 28px; color: #222; font-size: 1em; }
.menu li .sub li a:hover, .menu li .sub li a:focus { color: #00aeef; }
.menu li .sub li .menuon { font-weight:bold;color: #00aeef; }
.menu li.last .sub { position: absolute; right: 0%; }
.menu li.active { background-color: #27bcf7; }

.menu li .sub .subtopmenu {width:180px;margin:25px 0 0 15px;}
.menu li .sub .top-bigbanner {width:500px;padding:0 10px 0 0;}
.menu li .sub .top-allbanner {position:relative;width:690px;height:345px;}
.menu li .sub .top-smallbanner {width:218px;height:85%;padding:0 10px 0 0;text-align:center;overflow:hidden;}
.menu li .sub .top-allbanner .topbook {width:100%;overflow:hidden;}
.menu li .sub .top-allbanner .topbook p {float:left;}

.menu .titlemenu1 { background: url("/Images/Main_2015/menu1.png") no-repeat center 13px; }
.menu .titlemenu1.active { background: url("/Images/Main_2015/menu1_on.png") no-repeat center 13px; background-color: #27bcf7; }
.menu .titlemenu2 { background: url("/Images/Main_2015/menu2.png") no-repeat center 13px; }
.menu .titlemenu2.active { background: url("/Images/Main_2015/menu2_on.png") no-repeat center 13px; background-color: #27bcf7; }
.menu .titlemenu3 { background: url("/Images/Main_2015/menu3.png") no-repeat center 13px; }
.menu .titlemenu3.active { background: url("/Images/Main_2015/menu3_on.png") no-repeat center 13px; background-color: #27bcf7; }
.menu .titlemenu4 { background: url("/Images/Main_2015/menu5.png") no-repeat center 13px; }
.menu .titlemenu4.active { background: url("/Images/Main_2015/menu5_on.png") no-repeat center 13px; background-color: #27bcf7; }
.menu .titlemenu5 { background: url("/Images/Main_2015/menu4.png") no-repeat center 13px; }
.menu .titlemenu5.active { background: url("/Images/Main_2015/menu4_on.png") no-repeat center 13px; background-color: #27bcf7; }
.menu .titlemenu6 { background: url("/Images/Main_2015/menu7.png") no-repeat center 13px; }
.menu .titlemenu6.active { background: url("/Images/Main_2015/menu7_on.png") no-repeat center 13px; background-color: #27bcf7; }
.menu .titlemenu7 { background: url("/Images/Main_2015/menu9.png") no-repeat center 13px; }
.menu .titlemenu7.active { background: url("/Images/Main_2015/menu9_on.png") no-repeat center 13px; background-color: #27bcf7; }
.menu .titlemenu8 { background: url("/Images/Main_2015/menu8.png") no-repeat center 13px; }
.menu .titlemenu8.active { background: url("/Images/Main_2015/menu8_on.png") no-repeat center 13px; background-color: #27bcf7; }

/* iot 메뉴 추가 부분 150911 */
.menu .titlemenu7_fullbox { color: #686868;}
.menu .titlemenu7_fullbox:hover, .menu .titlemenu7_fullbox:focus { color: #0095eb;font-weight:bold;}

.menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
ul.sub { display: none; }
/* gnb닫기버튼 */
.menu li .sub li.gnbclose {position:absolute;bottom:0px;right:0px;width:50px;height:20px;margin:auto;background-color:#27bcf7;color:#fff;font-weight:bold;letter-spacing:1px;cursor:pointer;}

/* 로그인영역 */
#loginbox { position: absolute; top: 0px; right: 0px; width: 218px; height: 83px; background-color: #f2f2f2;}


/* 로그인 영역 */
/* #loginWrap {height:100%;background-image:url('/Images/Main_2015/login_bg2.png'); background-position:center top;background-repeat:no-repeat; background-size:100% auto;}
#loginWrap div {text-align: center;} */
.logintitle { height: auto; margin: auto; text-align: center; overflow: hidden; }

.loginbox { position: relative; margin: 0 auto 5px auto; padding: 10px 10px 0px 15px; overflow: hidden; }

.loginbox .fieldbox {position: relative;width: 100%;height:46px;}
.loginbox .fieldbox input {width: 97px;border: 1px solid #939393; color: #939393; font-size: 0.9em;background-color:#fff;}
.loginbox .fieldbox label {font-size:0.9em;}

.btnbox { position: absolute; right: 15px; top: 10px; }

#login input { padding: 2px 0 2px 5px; border: 1px solid #939393; color: #939393; font-size: 0.9em; }
#login button { padding: 15px 8px; text-align: center;font-family:Nanum Gothic, 'Nanum Gothic', "나눔고딕", "돋움", "Dotum" "굴림", "Gulim", "Arial", "verdana", "Helvetica"; }

.btn-normal, .btn-normal > i { color: #fff; padding: 6px 20px; letter-spacing: 1px; background-color: #939393; }
/* ie6~7 */
.lt-ie7 #login button {padding: 14px 8px;}
.lt-ie8 #login button {padding: 14px 8px;}
.lt-ie9 #login button {padding: 14px 8px;}

.titlehide {position:absolute;top:0;left:-9999999999999999999px;width: 0; height: 0;overflow: hidden;line-height:0;font-size:0;}

/* ie6~7 */
/* .lt-ie7 .titlehide { position:absolute;top:0;left:-9999999999999999999; }
.lt-ie8 .titlehide { position:absolute;top:0;left:-9999999999999999999; }
.lt-ie9 .titlehide { position:absolute;top:0;left:-9999999999999999999; } */

.loginsavebox { padding: 0px 0px 0px 10px; overflow: hidden; }
.loginsavebox p { float:left;display:block; margin-right: 8px;padding-left: 5px; font-size: 0.9em;background: url("/Images/Main_2015/bullet.gif") no-repeat 0px 2px; }
.loginsavebox p a {}
.loginsavebox p.agree { width:60px;margin-right: 0px;padding-left:0px;background: none;}
.loginsavebox p input {vertical-align:middle;}
.loginsavebox label { display: inline-block; color: #333; font-size: 0.9em;}
/* ie6~7 */
.lt-ie7 .loginsavebox label {display:inline;zoom:1;}
.lt-ie8 .loginsavebox label {display:inline;zoom:1;}

.loginsavebox p > input[type="checkbox"] { position: relative; top: -1px; vertical-align: middle; }
.loginsavebox p:not(#cssbrowser) > input[type="checkbox"] { visibility:visible;width:0;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-3000em;position:absolute; }
.loginsavebox p:not(#cssbrowser) > input[type="checkbox"] + label { height: 12px; display: block; color: #232323; margin: 0 0 0 0;padding: 1px 0 2px 15px;background: url("/Images/Main_2015/bg_radiomenu.png") no-repeat left top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.loginsavebox .agree:not(#cssbrowser) > input[type="checkbox"] + label { height: 12px; display: block; color: #232323; margin: 0 0 0 0;padding: 1px 0 2px 15px;background: url("/Images/Main_2015/bg_radiomenu.png") no-repeat left top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.loginsavebox p:not(#cssbrowser) > input[type="checkbox"]:disabled + label { background-position: left -25px; }
.loginsavebox p:not(#cssbrowser) > input[type="checkbox"]:checked + label { background-position: left -25px; }
.loginsavebox p:not(#cssbrowser) > input[type="checkbox"]:checked:disabled + label { background-position: left -26px; }
.loginsavebox p:not(#cssbrowser) > input[type="checkbox"]:focus + label { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px rgba(82, 168, 226, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px rgba(82, 168, 226, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px rgba(82, 168, 226, 0.6); }
.loginment {font-weight:bold;font-size:0.9em;line-height:1.6em;letter-spacing:1px;}
.loginment + p, .loginment + p strong {font-weight:normal;font-size:0.9em;}
.sensetxt {font-size:0.9em;color:#e1313e;}

/*  로그인 전 화면 부분  추가 스타일 170529 */
.loginsavebox_v2 { position: absolute; top: 0px; right: 0px; width: 208px; height: 24px; background-color: #9a9a9a; padding-top:6px;}
.loginsavebox_v2 a {color:#ffffff; letter-spacing:-1px;}
.loginsavebox_v2 p {background:none; padding-left:0; margin-right:8px;}
.loginsavebox_v2 label {color:#ffffff !important;}

.naverlogin {width:85%; margin:0 auto; }
.naverlogin a {display:inline-block; width:100%; color:#ffffff; background:#1ec800 url("/Images/Main_2015/naver_icon.gif") no-repeat 18px 3px;  padding:3px 0 3px 8px; text-align:center; font-size:0.9em;}

/* 전체메뉴 */
.topbar { position: relative; width: 100%; height: 30px; background-color: #676767; }
.topbar #allmtitle { position: absolute; top: 0px; left: 15px; height: 30px; line-height: 30px; cursor: pointer; }
.topbar #allmtitle a { color: #fff; font-weight: bold; }
.topbar #allmtitle a:hover, .topbar #allmtitle a:focus { color: #75d8ff; }
.topbar #allmtitle img { margin-right: 6px; vertical-align: middle; }

.submenu { position: absolute; top: 158px; right: 0px; width: 973px; height: 295px; background: #fff; border: 3px solid #27bcf7; z-index: 1000000000; display: none; }
.submenu .allmenulist { float: left; width: 162px; height: 185px; }
.submenu .allmenulist p { padding: 8px 5px; background: #f3f3f3; text-align: center; font-size: 1.0em; font-weight: bold; color: #272727; }
.submenu .allmenulist p a:hover { color: #0095eb; }
.submenu .allmenulist ul { height: 224px; margin: 0px 0 0 10px; padding-top: 10px; border-right: 1px solid #f1f1f1; }
.submenu .allmenulist ul li { line-height: 1.8em; font-size: 0.9em; }
.submenu .allmenulist ul li a:hover { text-decoration: none; color: #0095eb; }
.submenu .allmenulist .last_m { border: 0; }
.submenu #closemtitle { position: absolute; top: 285px; right: -3px; width: 29px; height: 29px; }

/*  */
form legend { visibility: hidden; width: 0; height: 0; display: inline-block; overflow: hidden; text-indent: -500em; }

.topbar .total_search { position: absolute; top: 5px; left: 510px; clear: both; }
.topbar .search_form input.search { position: absolute; top: 1px; top: 0; left: 0px; width: 200px; height: 17px; background-color: #d2d2d2; vertical-align: middle; border: none; }
:root .topbar .search_form input.search { top: 0px; left: 0px;width: 200px; height: 17px;background-color: #d2d2d2; }
div.total_search input.focus_style { border: 1px solid #999 !important; border-right: 0 !important; }
div.total_search input[type='image'] { position: absolute; top: 0px; left: 200px; }
div.total_search img { position: absolute; top: 0px; left: 200px; }

/* 내강의실/주문배송 버튼 영역 */
.mymenu { position: absolute; top: 0px; right: 0px; width: 218px; height: 30px; background-color: #9a9a9a; }
.mymenu p { float:left;display: block; width: 49%; line-height: 30px; text-align: center; color: #fff; font-size: 0.9em; }
.mymenu p img { vertical-align: middle; }
.mymenu p a { color: #fff; }
.mymenu p.firstbtn { border-right: 1px solid #c9c9c9; }

/* ie6~7 */
.lt-ie7 .mymenu p { display: inline; zoom: 1; }
.lt-ie8 .mymenu p { display: inline; zoom: 1; }
.lt-ie9 .mymenu p { display: inline; zoom: 1; }

/* 하단전체메뉴 */
.bottomallmenu {float:none;clear:both;width: 980px; height: 300px; background: #f9f9f9;}
.bottomallmenu .allmenulist { float: left; width: 163px; height: 100%;}
.bottomallmenu .allmenulist p {width:100%;padding: 8px 0;text-align: center; font-size: 0.9em; font-weight: bold; color: #575757; }
.bottomallmenu .allmenulist p a {color: #575757;}
.bottomallmenu .allmenulist p a:hover { color: #0095eb; }
.bottomallmenu .allmenulist ul { height: 224px; margin: 0px 0 0 10px; padding-top: 10px; border-right: 1px solid #f1f1f1; }
.bottomallmenu .allmenulist ul li { line-height: 1.8em; font-size: 0.9em; color: #575757;}
.bottomallmenu .allmenulist ul li a {color: #575757;}
.bottomallmenu .allmenulist ul li a:hover { text-decoration: none; color: #0095eb;}
.bottomallmenu .allmenulist .last_m { border: 0; }
/* 
-----------------------------------------------------------------------
footer
----------------------------------------------------------------------- */
#footer { position: relative; float: none; width: 100%; padding: 0px 0 0 0; clear: both; background-color: #9e9e9e;z-index:9999999999999; /* 고객센터 */ }
#footer ul.customer { width: 980px; height: 72px; margin: 0 auto; overflow: hidden; background-color: #e4e4e4; }
#footer ul.customer li { float: left;display:block; line-height: 72px; padding: 0 10px; }
#footer ul.customer li img { vertical-align: middle; }
#footer ul.customer li .phonenumber { font-size: 1.8em; font-weight: bold; }
#footer ul.customer .phone {width:190px;text-indent: 48px; background: url("/Images/Main_2015/tel.png") no-repeat 15px 16px; }
#footer ul.customer .time { /* width:200px; */padding-top: 15px; }
#footer ul.customer .time p { line-height: 1.8em; font-weight: bold; }
#footer ul.customer .assistance {width:350px; margin: 0 0 0 0px;text-align:right; }
#footer ul.customer .assistance img { margin-right: 7px; }

#footer .footbox { position: relative; float: none; width: 980px; height: 185px; margin: auto; clear: both;background-color: #9e9e9e;}
#footer .footbox .footlogo { position: absolute; top: 85px; left: 5px; width: 132px; }
#footer .footbox .footMenu { position: absolute; top: 0px; width: 980px; height: 42px; line-height: 42px; background-color: #5a5a5a;}
#footer .footbox .footMenu li { float: left;display:block; padding: 0px 35px; margin: 0px; color: #f0f0f0; background: url("/Images/Main_2015/footmenu_divideline.gif") no-repeat right center; }
#footer .footbox .footMenu li a { color: #dfdfdf; }
#footer .footbox .footMenu li a .pertxt { font-weight: bold; color: #7edff4; }
#footer .footbox .footMenu li a:hover { color: #f0f0f0; }
#footer .footbox .footMenu li a span.pertxt:hover { color: #dfdfdf; }
#footer .footbox .footMenu li.last { background: none; }
#footer .footbox .footArea { position: absolute; top: 55px; left: 180px; width: 490px; }
#footer .footbox .footArea .adress { color: #fff; font-size: 11px; line-height: 1.4em; margin-top:20px; }
#footer .footbox .footArea .adress img { vertical-align: middle; }
#footer .footbox .footArea .copy { font-size: 11px; margin: 7px 0 0 0; color: #fff; }
#footer .footbox .certification { position: absolute; top: 85px; left: 680px; overflow: hidden; text-align: center; }
#footer .footbox .certification ul { width: 275px; padding: 0 0 0 10px; background-color:#fff; overflow: hidden; }
#footer .footbox .certification ul li { float: left; padding: 0; margin: 5px 0; }
#footer .footbox .certification ul li.first, li.third{width:41.5%; border-right:1px solid #e6e6e6;}
#footer .footbox .certification ul li.second, li.fourth{width:56.5%;}

/* for ie6~7 */
.lt-ie7 #footer .footbox .footArea { top: 60px; }
.lt-ie8 #footer .footbox .footArea { top: 60px; }
.lt-ie9 #footer .footbox .footArea { top: 60px; }

.lt-ie7 #footer .footbox .footMenu li { padding: 0px 27px; }
.lt-ie8 #footer .footbox .footMenu li { padding: 0px 27px; }
.lt-ie9 #footer .footbox .footMenu li { padding: 0px 27px; }

/* 패밀리 사이트 */
#footer .footbox .family { position: absolute; top: 60px; right: 10px; width: 290px; z-index: 120; clear: both; }

.family div { float: left; position: relative; width: 124px; height: 20px; padding: 0px; background-color: #787878; }
.family div span { position: absolute; top: 5px; right: 7px; }
.family div ul { position: absolute; bottom: 20px; width: 114px; padding: 5px 0 5px 10px; color: #fff; background: #787878; }
.family div ul li { margin: 5px 0 0 0; font-size: 0.9em; letter-spacing: -0.05em; }
.family div ul li a { color: #fff; }
.family div ul li a:hover { color: #4ae3ff; }
.family .korbei { display: inline; width: 159px; height: 20px; padding: 0px; margin: 0 0 0 2px; }
.family .korbei ul { position: absolute; bottom: 20px; width: 149px; color: #FFFFFF; padding: 5px 0 5px 10px; background: #787878; }

.family div p, .family div p a, .family div p a:visited { height: 20px; padding: 3px 0 5px 5px; color: #fff; }
#footer img { vertical-align: top; }

/* 
-------------------------------------------------------------------------
공통
------------------------------------------------------------------------- */

.txtR {text-align:right;}
.txtC {text-align:center;}
.txtL {text-align:left;}
.disblock {display:block;}
.fleft {float:left;}
.fright {float:right;}
.cboth {clear:both;}

.vTop {vertical-align:top ! important;}
.f11 {font-size:0.9em ! important;}
.ls1 {letter-spacing:-1px}

/*margin. padding*/

.mT0 {margin-top:0px;}
.mT3 {margin-top:3px;}
.mT5 {margin-top:5px;}
.mT7 {margin-top:7px;}
.mT8 {margin-top:8px;}
.mT8_1 {text-align:center;margin-top:8px;}
.mT9 {margin-top:9px;}
.mT10 {margin-top:10px;}
.mT10_1 {margin-top:10px; text-align:center;}
.mT13 {margin-top:13px;}
.mT15 {margin-top:15px;}
.mT16 {margin-top:16px;}
.mT20 {margin-top:20px;}
.mT25 {margin-top:25px;}
.mT30 {margin-top:30px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}
.mT45 {margin-top:45px;}
.mT50 {margin-top:50px;}
.mT60 {margin-top:60px;}
.mTm4 {margin-top:-4px;}

.mB2 {margin-bottom:3px;}
.mB3 {margin-bottom:3px;}
.mB5 {margin-bottom:5px;}
.mB8 {margin-bottom:8px;}
.mB10 {margin-bottom:10px;}

.mL0 {margin-left:0px;}
.mL3 {margin-left:3px;}
.mL5 {margin-left:5px;}
.mL6 {margin-left:6px;}
.mL8 {margin-left:8px;}
.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
.mL25 {margin-left:25px;}
.mL30 {margin-left:30px;}
.mL40 {margin-left:40px;}
.mL50 { margin-left: 50px;}
.mL65 {margin-left:65px;}
.mL70 {margin-left:70px;}
.mL75 {margin-left:75px;}
.mL80 {margin-left:80px;}
.mL85 {margin-left:85px;}
.mL90 {margin-left:90px;}
.mL100 { margin-left:100px;}
.mL140 { margin-left:140px;}
.mL180 { margin-left:180px;}

.mR7 {margin-right:7px;}
.mR10 {margin-right:10px;}
.mR15 {margin-right:15px;}

.pT5 {padding-top:5px;}
.pT7 {padding-top:7px;}
.pT10 {padding-top:10px !important;}
.pT20 {padding-top:20px;}

.pB10 {padding-bottom:10px !important;}
.pB40 {padding-bottom:40px !important;}

.pL10 {padding-left:10px;}
.pL15 {padding-left:15px;}
.pL20 {padding-left:15px;}
.p01 {text-align:right;}


/*회원가입페이지(외국인) 미세조정*/
.fineControl .members .realName_for .certify2 ul li p .button {padding:2px 3px; background:#90a099; border:1px solid #90a075; border-radius:3px; letter-spacing:0em; margin-left:5px; }
.fineControl .members .realName_for .certify2 ul li p .button a{color:#fff;}