/* -----------------------------
| Layout Selector
|-------------------------------
| 강조색 : #91c1eb
*/

#layout,#wrap,#header {position:relative; }
.layout_size {max-width:1250px; margin:0 auto; }
.main_layout_size{max-width:1230px; margin:0 auto;padding-bottom:70px}
#quick_right {display:none}
img{vertical-align:top; max-width:100%;}
#mobile2 {display:none}
.foot_copy_mobile{display:none}
.logo {margin:0px 0px;float:left;}
#top_menu {position:fixed; top:0; z-index:9999; width:100%;  background: url(/user/default/image/menu/top_bg.png) repeat-x; height:75px}
#mobile_view {display:none}

body:before{content:'';position:fixed;top:0;right:0;bottom:0;left:0;background:url(/user/default/image/main_bg.jpg) 100% 0 no-repeat;background-size:100% 100%}
.main_layout_size:after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:url(/user/default/image/main_bg_02.png) no-repeat 100% 0;}

html, body {font-family: 'NanumGothic', 'Nanum Gothic', sans-serif !important}
/* .sub_bg {background:url(/user/default/image/bg.gif); font-family: 'NanumGothic', 'Nanum Gothic', sans-serif !important} */
.sub_bg {background:url(/user/default/image/sub_new_bg.jpg) top center; font-family: 'NanumGothic', 'Nanum Gothic', sans-serif !important}

/* Header */
#header {z-index:3; }
#header .gnb {position:absolute; top:0px; width:100%; z-index:99999; color:#444}
#header .gnb .direct {float:right;  margin:0px 7px;  overflow:hidden }
#header .gnb .direct li {float:left; padding:0em;  vertical-align:bottom}
#header .gnb .direct li * {vertical-align:middle}
#header .gnb .direct li a {display:block; padding:10px 0 3px 10px; background:url(/user/default/image/background/bg_gnb_icon01.gif) no-repeat 2px 6px; color:#cfd0d2; font-size:11px; letter-spacing:-0.03em}
#header .gnb .direct li .login{background:#4467a2; padding:10px 10px 11px 10px; color:#fff}
#header .gnb .direct .langBtn {border:1px solid #999; margin:2px 0 0 6px; padding-top:1px; width:60px; font-size:11px; background:#eee; position:absolute; cursor:pointer; overflow:hidden}
#header .gnb .direct .lang {border-top:1px solid #999; margin-top:3px; background:#fff; font-size:11px; overflow:hidden; display:none; position:relative}
#header .gnb .direct .lang p {padding:3px 0 0 3px}

ul.top_icon {float:right;  overflow:hidden}
ul.top_icon li{float:left; margin:0px}

/* Skip Navigation */
#header .skip {display:block; height:0; width:0; *height:0; *width:0; margin:0 0 -1px 0; *margin:0; padding:0; overflow:hidden; font-size:0; line-height:0}
#header .skip:hover,
#header .skip:active,
#header .skip:focus {width:auto; height:auto; margin:0; padding:5px 10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important}

/* lnb > 로컬메뉴 */
#header .lnb .localNavi {height:38px; background:url(/user/default/image/background/bg_local_back.gif) repeat-x; font-weight:bold; text-align:center; position:relative}
#header .lnb .localNavi li.navi {height:38px; float:left; background:url(/user/default/image/background/bg_local_menu.gif) repeat-x}
#header .lnb .localNavi li.navi a,
#header .lnb .localNavi li.navi a:link,
#header .lnb .localNavi li.navi a:visited,
#header .lnb .localNavi li.navi a:active {padding-top:10px; font-size:12px; color:#fff; text-decoration:none; letter-spacing:0px; display:block}
#header .lnb .localNavi li.navi a:hover {padding-top:8px; font-size:13px; color:#666}
#header .lnb .localNavi li.navi p .english {color:#ffffcc; font-size:11px; font-weight:normal}
#header .lnb .localNavi li.navi.on a {padding-top:8px; font-size:13px; color:#666; background:url(/user/default/image/background/bg_local_menu_on.gif) repeat-x}
#header .lnb .localNavi li.navi ul.naviSub {width:200px; top:38px; left:0px; padding-top:7px; background:url(/user/default/image/background/bg_local_sub.gif) no-repeat left bottom; position:absolute}
#header .lnb .localNavi li.navi ul.naviSub li {padding:0; margin:0; text-align:left}
#header .lnb .localNavi li.navi ul.naviSub li.naviSubMenu {font-weight:normal; white-space:nowrap; padding:0 5px 5px 5px}
#header .lnb .localNavi li.navi ul.naviSub li.naviSubMenu a {display:inline; font-size:12px; color:#666}
#header .lnb .localNavi li.navi ul.naviSub li.naviSubMenu a:hover {color:#91c1eb}

/* lnb > 로컬메뉴 > 이미지+텍스트+슬라이드 */
#header .lnb .localNavi02{width:100%;background:url(/user/default/image/background/bg_localNavi02.gif) left top repeat-x;}
#header .lnb .localNavi02 .subBox{height:160px;display:none;text-indent:-9999px;position:absolute;width:100%;background:url(/user/default/image/background/bg_localSubBox.gif) 0 bottom no-repeat; background-color:#efefef; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5}
#header .lnb .localNavi02 .navi{width:100%;overflow:hidden;position:absolute;z-index:999;text-align:left}
#header .lnb .localNavi02 .navi li{float:left;}
#header .lnb .localNavi02 .navi li li a{font-weight:bold;color:#000;display:block;padding:4px 0px 3px 5px;margin-right:10px;}
#header .lnb .localNavi02 .navi li li a:hover{background:#d2d2d2;color:#000;}
#header .lnb .localNavi02 .navi li h2{display:block;text-align:center}
#header .lnb .localNavi02 .navi li h2 *{margin:0 auto}
#header .lnb .localNavi02 .navi .dep2{display:none;position:relative;padding:10px 0 0 10px;height:169px;}
#header .lnb .localNavi02 .navi .dep2 li{width:100%;}

/* Container */
#container {position:relative; *display:inline-block; _width /**/:99.8%; z-index:2; width:100%; overflow:hidden}
#container:after{display:block; clear:both; content:''}


#containerSub {position:relative; *display:inline-block; _width /**/:100%; padding-left:410px; z-index:2; padding-top:86px}
#containerSub:after{display:block; clear:both; content:''}
#containerSub .snb {float:left; position:relative}
#containerSub .snb .subMenuTitleHeader h3 {padding:5px; font-weight:bold; font-size:14px; text-align:center; position:relative}
#containerSub .snb .sub_menu ul.parents {background:url(/user/default/image/background/bg_submenu2.gif) repeat-y; padding:0px 0px; *zoom:1} /* 메뉴 박스 */
#containerSub .snb .sub_menu ul li {margin:0px; padding:0px}
#containerSub .snb .sub_menu ul.parents li.parent {border-bottom:0px solid #d2d2d2; font-weight:bold} /* 중간 라인 */
#containerSub .snb .sub_menu ul.parents li.parent a {display:block; padding:10px 30px 10px 20px; color:#fff; background:#227cca url(/user/default/image/menu/sub_menu_icon2.png) no-repeat 170px 12px; font-weight:normal;}
#containerSub .snb .sub_menu ul.parents li.parent a:hover,
#containerSub .snb ul.parents li.parent a.active {display:block; padding:10px 30px 10px 20px; color:#fff; background:#378fd9 url(/user/default/image/menu/sub_menu_icon2.png) no-repeat 170px 12px; font-weight:bold;}
#containerSub .snb .sub_menu ul.childes li.childe {padding:0px 0px 0px 0px; margin:0; text-align:justify}
#containerSub .snb .sub_menu ul.childes li.childe a{display:block; font-size:11px; padding:4px 0 4px 25px;color:#fff;  background:#83bcec url(/user/default/image/menu/3deps_icon.gif) no-repeat 10px 5px; font-weight:normal}
#containerSub .snb .sub_menu ul.childes li.childe a:hover, #containerSub .snb .sub_menu ul.childes li.childe a.active { color:#00549d; padding:4px 0 4px 25px;background:#fff url(/user/default/image/menu/3deps_icon_over.gif) no-repeat 10px 5px; font-weight:bold}
#containerSub .side {float:right; position:relative}


#main_content {float:left; position:relative; width:100%; }


#content {float:left; position:relative; width:100%; background:#fff }
#content .subCategory {padding:10px 5px; border:1px solid #cc0608; border-top:1px dashed #cc0608}
#content .subCategory li {float:left; margin-right:15px}
#content .subCategory a {display:block; padding:3px 0 3px 12px; background:url(/user/default/image/background/bg_category_icon01.gif) no-repeat 5px 6px}
#content .subCategory a:hover,
#content .subCategory a.active {display:block; padding:3px 0 3px 12px; background:url(/user/default/image/background/bg_category_icon02.gif) no-repeat 8px 6px}
#content .module {color:#444; word-break:break-all; text-align:justify}

#module {position:relative; *zoom:1; padding:30px 40px 50px 40px; overflow:hidden}
#moduleTop {position:relative; *zoom:1}
#moduleTitle {position:relative; *zoom:1}
#moduleBottom {position:relative; *zoom:1}

#bottom {position:relative; *zoom:1}

/* Footer */
#footer {position:relative; *zoom:1}
#footer .footerContent {position:relative}
#footer .footerContent .link {float:left; font-weight:bold; color:#666; padding:5px 0; text-align:center}
#footer .footerContent .link a {display:block; padding:3px 0}
#footer .footerContent .address {color:#666; line-height:140%}
#footer .footerContent address {font:10px Verdana}
#footer .footerContent address a {font:bold 12px Tahoma; color:#91c1eb}


/* -----------------------------
| Class Selector
|-------------------------------
*/
.strong {font-weight:bold}
.colorActive {color:#91c1eb}
.colorRed {color:red}
.colorDarkred {color:#990000}
.colorViolet {color:#663366}
.colorBlue {color:#003399}
.colorGreen {color:#336600}
.colorOrange {color:#ff3300}
.colorBlack {color:#000}
.colorWhite {color:#fff}
.colorGray {color:#999}
.colorSilver {color:#dcdcdc}
.colorAqua {color:#dfffff}
.colorYellow {color:#ffffcc}

.subHeader {border-bottom:1px solid #e3e3e3; overflow:hidden}
.subHeader .subHeaderBorder {width:100%}
.subHeader h3 {float:left; padding:30px 15px 30px 40px; font-weight:600; font-size:25px; border-bottom:0px solid #91c1eb; color:#333}
.subMap {position:absolute; top:30px; right:30px; padding:5px 0; text-align:right; color:#444}
.subMap a {color:#444}

.code {border:2px #dcdcdc dotted; background:#eee; padding:.5em; text-align:justify}
.cube {border:3px #efefef solid}
.cube .line {border:1px #dcdcdc solid; padding:3px}
.cube .line02 {border:1px #999 solid}

.small_white {font-size:8pt; color:#fff; text-decoration:none}
.small_gray {font-size:8pt; color:#666; text-decoration:none}
.small_black {font-size:8pt; color:#000; text-decoration:none}
.small_dgray {font-size:8pt; color:#333; text-decoration:none}
.small_blue {font-size:8pt; color:#003399; text-decoration:none}
.small_red {font-size:8pt; color:#91c1eb; text-decoration:none}
.small_orange {font-size:8pt; color:#ff3300; text-decoration:none}

.back_gray{background:url(/user/default/image/background/background.gif) repeat-x}
.bg_gray {background:#efefef}
.bg_lemon {background:#f5f5dc}
.bg_aqua {background:#e0ffff}

/* input */
.input_text { border:1px solid #dcdcdc; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#e3eef9}
.input_blue { border:1px solid #c9d8f5; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#e3eef9}
.input_green { border:1px solid #999900; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#ffffcc}
.input_gray { border:1px solid #dcdcdc; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#eee}
.input_white { border:1px solid #dcdcdc; padding:2px 0 0 2px; height:16px; vertical-align:middle; background:-color#fff}
.input_search { border:1px solid #000; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#fff}
.textarea_gray { border:1px solid #dcdcdc; padding:2px 0 0 2px; vertical-align:middle; background-color:#eee}
.textarea_blue { border:1px solid #c9d8f5; padding:2px 0 0 2px; vertical-align:middle; background-color:#e3eef9}
.input_active { border:1px solid #91c1eb; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#ffffcc}
.input_color {border:1px solid #d2d2d2; padding:2px 0 0 2px; height:15px; vertical-align:middle; background-color:#eee}
.input_check { width:13px; height:13px; margin:2px 0 2px 0; padding:0; vertical-align:middle}

/* editor */
.editor {border:3px solid #eee; text-align:center; background:#efefef}
.editor .line { border:1px solid #dcdcdc; overflow:hidden}
.editorButton { white-space:nowrap; overflow:hidden}
.editorButton {border-bottom:1px solid #dcdcdc; padding:1px 0 2px 2px; background-color:#efefef; white-space:normal}
.editorBottom {border-top:1px solid #dcdcdc; padding:1px 0 1px 2px; background-color:#efefef; text-align:center; white-space:normal}

/* Content */
.sub014 .textContent p, .sub014 .textContent span{font-size:13px !important;}

.textContent {position:relative; line-height:1.5; font-size:13px; color:#444; word-break:break-all; text-align:justify;}
.textContent h3 {padding:10px; font-size:16px}
.textContent dl {margin-bottom:20px}
.textContent dt {position:relative; margin:5px 10px; font-weight:bold; color:#91c1eb}
.textContent dd {position:relative; margin-left:20px}
.textContent ol {margin:0 0 10px 20px; padding-left:0px}
.textContent ul {margin:0 0 10px 20px; padding-left:0px}
.textContent ol li {list-style-type:decimal}
.textContent ol li.num {margin-left:-5px; list-style-type:decimal}
.textContent ol li.alpha {list-style-type:lower-alpha}
.textContent ol li.roman {list-style-type:upper-roman}
.textContent ul li {list-style-type:circle}
.textContent ul li.disc {margin-left:-5px; list-style-type:disc}
.textContent ul li.circle {margin-left:-5px; list-style-type:circle}
.textContent li.none {margin-left:-20px; list-style:none}
.textContent li.clean {margin:0; padding:0; list-style:none}
.textContent em { font-style: italic}
.textContent p { margin: 0; padding: 0}
.textContent td { font-size:9pt }
.textContent table { margin-left: 0}
.textContent hr,
.textContent h1,
.textContent h2,
.textContent h3,
.textContent h4,
.textContent h5,
.textContent h6 { display:block;  }

.tx-hr-border-1 { height: 1px; border-top: 1px solid #666; border-bottom: 0px none; border-left: 0px none; border-right: 0px none; display: block}
.tx-hr-border-2 { height: 7px; border-top: 1px solid #666; border-bottom: 3px solid #666; border-left: 0px none; border-right: 0px none; display: block}
.tx-hr-border-3 { height: 1px; border-top: 1px dotted #666; border-bottom: 0px none; border-left: 0px none; border-right: 0px none; display: block}

div.tx-hr-image-1 { border: 0pt none; height: 15px; background:url(/addon/editor/images/deco/contents/horizontalrule/line03.gif?rv=1.0.1) repeat-x scroll left; width:99%}
div.tx-hr-image-1 hr { position:relative; top: -999px; left: -999px; border: 0pt none}
div.tx-hr-image-2 { border: 0pt none; height: 15px; background:url(/addon/editor/images/deco/contents/horizontalrule/line05.gif?rv=1.0.1) repeat-x scroll left; width:99%}
div.tx-hr-image-2 hr { position:relative; top: -999px; left: -999px; border: 0pt none}
div.tx-hr-image-3 { border: 0pt none; height: 15px; background:url(/addon/editor/images/deco/contents/horizontalrule/line06.gif?rv=1.0.1) repeat-x scroll left; width:99%}
div.tx-hr-image-3 hr { position:relative; top: -999px; left: -999px; border: 0pt none}
div.tx-hr-image-4 { border: 0pt none; height: 15px; background:url(/addon/editor/images/deco/contents/horizontalrule/line08.gif?rv=1.0.1) no-repeat scroll center; width:99%}
div.tx-hr-image-4 hr { position:relative; top: -999px; left: -999px; border: 0pt none}

.tx-quote1 { border: 1px solid #dbdbdb; margin: 10px; padding: 10px}
.tx-quote2 { border: 3px solid #dbdbdb; margin: 10px; padding: 10px}
.tx-quote3 { border: 1px dashed #dbdbdb; margin: 10px; padding: 10px}
.tx-quote4 { border: none; background: url(/addon/editor/images/deco/contents/quote/titation01.gif?rv=1.0.1) top left no-repeat; padding: 0px 20px 10px 20px; margin: 10px}
.tx-quote5 { border: none; border-left: 2px solid #dbdbdb; margin: 10px; padding: 10px}

.txc-textbox1 { padding:10px; background-color:#ffffff; border:1px solid #f7f7f7}
.txc-textbox2 { padding:10px; background-color:#eeeeee; border:1px solid #eeeeee}
.txc-textbox3 { padding:10px; background-color:#f2f2b8; border:1px solid #f2f2b8}
.txc-textbox4 { padding:10px; background-color:#fedec7; border:1px solid #fedec7}
.txc-textbox5 { padding:10px; background-color:#e7fdb5; border:1px solid #e7fdb5}
.txc-textbox6 { padding:10px; background-color:#dbe8fb; border:1px solid #dbe8fb}
.txc-textbox7 { padding:10px; background-color:#ffffff; border:1px dotted #cbcbcb}
.txc-textbox8 { padding:10px; background-color:#eeeeee; border:1px dotted #c1c1c1}
.txc-textbox9 { padding:10px; background-color:#f2f2b8; border:1px dotted #f3c534}
.txc-textbox10 { padding:10px; background-color:#fedec7; border:1px dotted #fe8943}
.txc-textbox11 { padding:10px; background-color:#e7fdb5; border:1px dotted #9fd331}
.txc-textbox12 { padding:10px; background-color:#dbe8fb; border:1px dotted #79a5e4}
.txc-textbox13 { padding:10px; background-color:#ffffff; border:1px solid #cbcbcb}
.txc-textbox14 { padding:10px; background-color:#eeeeee; border:1px solid #c1c1c1}
.txc-textbox15 { padding:10px; background-color:#f2f2b8; border:1px solid #f3c534}
.txc-textbox16 { padding:10px; background-color:#fedec7; border:1px solid #fe8943}
.txc-textbox17 { padding:10px; background-color:#e7fdb5; border:1px solid #9fd331}
.txc-textbox18 { padding:10px; background-color:#dbe8fb; border:1px solid #79a5e4}
.txc-textbox19 { padding:10px; background-color:#ffffff; border:3px double #cbcbcb}
.txc-textbox20 { padding:10px; background-color:#eeeeee; border:3px double #c1c1c1}
.txc-textbox21 { padding:10px; background-color:#f2f2b8; border:3px double #f3c534}
.txc-textbox22 { padding:10px; background-color:#fedec7; border:3px double #fe8943}
.txc-textbox23 { padding:10px; background-color:#e7fdb5; border:3px double #9fd331}
.txc-textbox24 { padding:10px; background-color:#dbe8fb; border:3px double #79a5e4}


/* Table */
.table_basic {border:0px solid #eee; border-top:2px solid #91c1eb; background:#fff; table-layout:fixed; border-collapse:collapse}
.table_basic span {margin:0 2px}
.table_basic li.opt {float:left; padding:0 3px; text-align:left}
.table_basic thead th {color:#333; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.table_basic thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.table_basic thead th.first {background-position:right bottom}
.table_basic thead th a {color:#91c1eb}
.table_basic tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.table_basic tbody th label {display:block; padding:7px 7px 7px 18px}
.table_basic tbody th label.required {padding-left:7px}
.table_basic tbody td {border-bottom:1px solid #e6e6e6; padding:10px 6px; color:#999; text-align:left}
.table_basic tbody td.accent {color:#003399}
.table_basic tbody td.open {color:#ff3300}
.table_basic tbody td.writer {color:#999}
.table_basic tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.table_basic tbody td img {vertical-align:middle}
.table_basic tbody tr.bg1 td {background:#fff}
.table_basic tbody tr.bg2 td {background:#fbfbfb}
.table_basic tbody tr.bg3 td {background:#f6f6f6}



.table_board {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.table_board span {margin:0 2px}
.table_board dt {line-height:150%; text-align:left}
.table_board dd {line-height:150%; text-align:left; padding-left:5px}
.table_board thead th {color:#440E62; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.table_board thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.table_board thead th.first {background-position:right bottom}
.table_board thead th a {color:#91c1eb}
.table_board tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.table_board tbody th label {display:block; padding:7px 7px 7px 18px}
.table_board tbody th label.required {padding-left:7px}
.table_board tbody td {border-bottom:1px dashed #e6e6e6; padding:9px 3px; color:#999; text-align:left; vertical-align:middle}
.table_board tbody td.accent {color:#003399}
.table_board tbody td.open {color:#ff3300}
.table_board tbody td.writer {color:#999}
.table_board tbody td.blank {border:0px; height:100px; color:#999; text-align:center}
.table_board tbody td img {vertical-align:middle}
.table_board tbody tr.bg1 td {background:#fff}
.table_board tbody tr.bg2 td {background:#fbfbfb}
.table_board tbody tr.bg3 td {background:#f6f6f6}

.table_list {border:0px solid #eee; border-top:2px solid #91c1eb; background:#fff; table-layout:fixed; border-collapse:collapse}
.table_list li.opt {float:left; padding:3px; line-height:150%; text-align:left}
.table_list thead th {padding:5px; color:#444; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.table_list thead th {border-bottom:2px dashed #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.table_list thead th.first {background-position:right bottom}
.table_list tbody th {border:1px solid #dcdcdc; padding:3px; color:#666; background:#f4f4f4; font-weight:normal; text-align:left}
.table_list tbody th label {display:block; padding-left:10px}
.table_list tbody th label.required {padding-left:0}
.table_list tbody th label span {padding:0 2px}
.table_list tbody td {border:1px solid #dcdcdc; padding:3px; color:#666; text-align:left}
.table_list tbody td.accent {color:#003399; cursor:pointer}
.table_list tbody td.open {color:#339900; cursor:pointer}
.table_list tbody td.block {padding:0; margin:0}
.table_list tbody td.blank {border:0px; height:30px; color:#666; background:#d2d2d2; text-align:center}
.table_list .mg2 {margin:0 2px}


.table_content {border:1px solid #dcdcdc; border-top:2px solid #13A964; background:#fff; width:100%; table-layout:fixed; border-collapse:collapse}
.table_content span {margin:0 2px}
.table_content thead th {padding:5px; color:#333; background:#f7f7f2 url(/user/default/image/background/bg_docList.gif) no-repeat left bottom; text-align:center}
.table_content thead th.none {padding:5px; color:#333; border:1px solid #dcdcdc; background:#f7f7f2; text-align:center}
.table_content tbody th {border:1px solid #dcdcdc; padding:7px; color:#666; background:#eee; text-align:left; font-weight:normal; text-align:center}
.table_content tbody td {border:1px solid #dcdcdc; padding:3px; color:#666; text-align:left; vertical-align:top; text-align:center}
.table_content tbody td.blank {height:100px; color:#666; text-align:center}
.table_content tbody td.accent {color:#003399}
.table_content tbody td.accent_off {color:#003399}
.table_content tbody td.accent_on {color:#ff3300}
.table_content tbody td.half {width:60%}
.table_content tbody td.quarter {width:20%}
.table_content tbody td li.opt {float:left; padding:3px; line-height:150%}






/* 변경된 게시판 스킨*/

.table_input {border:0px solid #eee; border-top:0px solid #91c1eb; background:#fff; table-layout:fixed; border-collapse:collapse; font-size:12px}
.table_input span {margin:0 2px}
.table_input li.opt {float:left; padding:0px 3px; text-align:left}
.table_input thead th {color:#fff; background:#5a5a5a }
.table_input thead th {border-bottom:0px solid #d2d2d2;  padding:4px 0px; white-space:nowrap; overflow:hidden; }
.table_input thead th.first {background:#48a8c0}
.table_input thead th a {color:#fff}
.table_input tbody th label {display:block; padding:7px 7px 7px 18px}
.table_input tbody th label.required {padding-left:7px}
.table_input tbody td { padding:6px 6px; color:#888; text-align:left}
.table_input tbody td.accent {color:#003399}
.table_input tbody td.open {color:#ff3300}
.table_input tbody td.writer {color:#999}
.table_input tbody td a {color:#888 !important}
.table_input tbody td.blank {border:0px; height:100px; color:#888888; text-align:center}
.table_input tbody td img {vertical-align:middle}
.table_input tbody tr.bg1 td {background:#fff}
.table_input tbody tr.bg2 td {background:#fbfbfb}
.table_input tbody tr.bg3 td {background:#f6f6f6}


.table_hugi {border:0px solid #eee; border-top:0px solid #91c1eb; background:#fff; table-layout:fixed; border-collapse:collapse; font-size:12px}
.table_hugi span {margin:0 2px}
.table_hugi li.opt {float:left; padding:0px 3px; text-align:left}
.table_hugi thead th {color:#fff; background:#5a5a5a }
.table_hugi thead th {border-bottom:0px solid #d2d2d2;  padding:4px 0px; white-space:nowrap; overflow:hidden; }
.table_hugi thead th.first {background:#48a8c0}
.table_hugi thead th a {color:#fff}
.table_hugi tbody th label {display:block; padding:7px 7px 7px 18px}
.table_hugi tbody th label.required {padding-left:7px}
.table_hugi tbody td { padding:6px 6px; color:#888; text-align:left}
.table_hugi tbody td.accent {color:#003399}
.table_hugi tbody td.open {color:#ff3300}
.table_hugi tbody td.writer {color:#999}
.table_hugi tbody td a {color:#888 !important}
.table_hugi tbody td.blank {border:0px; height:100px; color:#888888; text-align:center}
.table_hugi tbody td img {vertical-align:middle}
.table_hugi tbody tr.bg1 td {background:#fff}
.table_hugi tbody tr.bg2 td {background:#fbfbfb}
.table_hugi tbody tr.bg3 td {background:#f6f6f6}
#table_addContent {width:50%}
span.replyComplete {background:#48a8c0; padding:5px 10px; color:#fff;}
span.replyStandby {background:#aaa; padding:5px 10px; color:#fff;}


/* Recent - public */
.recent {float:left; position:relative; overflow:hidden}
.recent h3 {font-size:0}
.recent .recentHeader {border:1px solid #d2d2d2; background:url(/user/default/image/background/bg_h3.gif) repeat-x left bottom; overflow:hidden}
.recent .recentHeader .recentHeaderBorder {width:100%; text-align:right}
.recent .recentHeader .recentHeaderBorder p {padding:5px 5px 0 0; color:#999}
.recent .recentHeader .recentHeaderBorder a {color:#999}
.recent .recentHeader h3 {float:left; padding:5px 10px 5px 2px; font-weight:bold; font-size:12px; background:url(/user/default/image/line_h3.gif) no-repeat right bottom; border-bottom:3px solid #9d692c; color:#9d692c}
.recentBody {overflow:hidden; border:0px solid #d2d2d2}
.recentBody ul {margin:0; padding:0}
.recentBody ul li {position:relative; vertical-align:top; margin:0; padding:0; float:left; *zoom:1}
.recentBody .docTitle {line-height:20px; overflow:hidden; white-space:nowrap; vertical-align:middle}
.recentBody .docTitle .date {position:absolute; color:#999}
.recentBody .docTitle .title p {white-space:nowrap}
.recentBody .docTitle .title a {color:#444; text-decoration:none}
.recentBody .docTitle .title a:hover {text-decoration:underline}
.recentBody .docTitle .icon {vertical-align:middle; margin:0 2px}
.recentBody .imgList {float:left; display:inline-block; margin-right:5px}
.recentBody .imgList .date {font:.9em Tahoma; color:#999}
.recentBody .imgList .icon {position:absolute; top:0px; left:0px}
.recentBody p.content {float:left; margin-top:3px; color:#666}
.recentBody .thumbNail {border:1px solid #d2d2d2; margin-left:auto; margin-right:auto}
.recentBody .thumbNail_on {border:1px solid #9d692c; margin-left:auto; margin-right:auto}

/* Recent - tab(text) */
.tabRecent {position:relative; overflow:hidden}
.tabRecent img {vertical-align:middle}
.tabRecent .tabBox {position:relative; width:100%; height:30px; border-bottom:2px solid #91c1eb; text-align:center}
.tabRecent .tab {position:relative; top:1px; border:1px solid #d2d2d2; margin-right:2px; float:left; cursor:pointer; background:#fff}
.tabRecent .tab p {float:left; height:24px; border-bottom:3px solid #d2d2d2; text-align:center}
.tabRecent .tab p a {color:#999; padding:6px; display:block}
.tabRecent .on {position:relative; top:1px; height:27px; border:2px solid #91c1eb; margin-right:2px; float:left; cursor:pointer; background:#fff}
.tabRecent .on p {float:left; height:25px; border-bottom:4px solid #fff; text-align:center}
.tabRecent .on p a {color:#91c1eb; font-weight:bold; padding:6px; display:block}
.tabRecent .tabMore {position:absolute; bottom:0; right:0; z-index:1}
.tabRecent .tabBody {clear:both; top:-1px;_top:0px; border:0px solid #91c1eb; padding:0; border-top:none; border-bottom:none; background:#fff; overflow:hidden}
html>/**/body .tabRecent .tabBody {top:-2px}

/* Recent - tab(image) */
.tabRecentImg {position:relative; overflow:hidden}
.tabRecentImg img {vertical-align:middle}
.tabRecentImg .tabBox {position:relative; width:100%; text-align:center}
.tabRecentImg .tab {position:relative; float:left; cursor:pointer; background:#fff}
.tabRecentImg .tab p {float:left}
.tabRecentImg .on {position:relative; float:left; cursor:pointer; background:#fff}
.tabRecentImg .on p {float:left}
.tabRecentImg .tabMore {position:absolute; bottom:0; right:0; z-index:1}
.tabRecentImg .tabBody {clear:both; top:-1px;_top:0px; background:#fff; overflow:hidden}
html>/**/body .tabRecentImg .tabBody {top:-2px}

/* Recent - gallary */
.recentThumb {margin:auto; overflow:hidden}
.recentThumb .cell {position:relative; float:left; overflow:hidden}
.recentThumb .cell .thumbNail {border:1px solid #d2d2d2; margin-left:auto; margin-right:auto}
.recentThumb .cell .thumbNail_on {border:1px solid #91c1eb; margin-left:auto; margin-right:auto}
.recentThumb .cell .icon {position:absolute; top:1px; left:1px}
.recentThumb .cell .icon * {vertical-align:middle}
.recentThumb .cell .title {margin-top:0px; font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center}
.recentThumb .cell .title a {color:#444; text-decoration:none; overflow:hidden}
.recentThumb .cell .title a:visited {color:#777; text-decoration:none; overflow:hidden}
.recentThumb .cell .title img {vertical-align:middle; margin:0 1px}
.recentThumb .cell .nameAndDate {font-size:11px; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.recentThumb .cell .nameAndDate .date {font:11px Tahoma; color:#999; text-align:center}
.recentThumb .cell .nameAndDate .author {text-align:center}
.recentThumb .cell .nameAndDate .author .replyCount {margin-left:.2em; font:bold .9em Tahoma; color:#91c1eb; text-align:center}
.recentThumb .cell .addContent {overflow:hidden;  text-align:left}
.recentThumb .cell .addContent .title{float:left; width:45px; font-weight:bold; font-size:11px; color:#999;  overflow:hidden; line-height:20px; }
.recentThumb .cell .addContent .content{float:left;width:75px; font-weight:normal; font-size:11px; color:#000; overflow:hidden; line-height:20px; margin-top:3px}


/* Rounding Box */
.roundBox {padding:2px; border:2px solid #ccc}
.roundBox .box_guide {position:relative; width:100%}
.roundBox .box_tl {position:absolute;top:-4px;left:-4px;display:block;width:9px;height:9px;background:url(/user/default/image/background/bg_rndbox.gif) no-repeat;font-size:0}
.roundBox .box_tr {position:absolute;top:-4px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/user/default/image/background/bg_rndbox.gif) right top no-repeat;font-size:0}
.roundBox .box_bl {position:absolute;top:-5px;left:-4px;display:block;width:9px;height:9px;background:url(/user/default/image/background/bg_rndbox.gif) left bottom no-repeat;font-size:0}
.roundBox .box_br {position:absolute;top:-5px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/user/default/image/background/bg_rndbox.gif) right bottom no-repeat;font-size:0}
.roundBox .box_contents {padding:5px; border:1px solid #ededed}
/* Rounding Box : sub_left_menu */
.roundBox .header {height:20px; color:#fff; text-align:center; background:url(/user/default/image/title/bg_menu_black.png) repeat-x}
.roundBox h3 {padding:.3em 0; text-align:center; font-size:12px; font-weight:bold}
.roundBox .sub {border:1px solid #eee; overflow:hidden; padding:.3em; color:#666; cursor:pointer;_cursor:hand; background:#eee}
.roundBox .active {background:#eee; color:#91c1eb}
.roundBox .this {color:#91c1eb; background:#eee; font-weight:bold}

/* Link */
a:link ,a:visited ,a:active {color:#000;text-decoration:none; letter-spacing:0px}
a:hover {color:#91c1eb; text-decoration:none}
a.act:link ,a.act:visited ,a.act:active {font-size:12px; color:#91c1eb;text-decoration:none}
a.act:hover {font-size:12px; color:#000; text-decoration:none}
a.actBold:link ,a.actBold:visited ,a.actBold:active {font-size:12px; color:#444;text-decoration:none}
a.actBold:hover {font-size:12px; color:#444; text-decoration:none}
a.actUnder:link ,a.actUnder:visited ,a.actUnder:active {font-size:12px; color:#333;text-decoration:none; letter-spacing:0px}
a.actUnder:hover {font-size:12px; color:#91c1eb; text-decoration:underline}
a.actWhite:link ,a.actwhite:visited ,a.actwhite:active {font-size:12px; color:#ffffcc;text-decoration:none}
a.actWhite:hover {font-size:12px; color:#99ccff; text-decoration:none}
a.actGray:link ,a.actGray:visited ,a.actGray:active {font-size:12px; color:#666;text-decoration:none}
a.actGray:hover {font-size:12px; color:#99ccff; text-decoration:none}
a.ared:link ,a.ared:visited ,a.ared:active {font-size:12px; color:#990000; text-decoration:none}
a.ared:hover {font-size:12px; color:red; text-decoration:none}
a.actSmallGray:link ,a.actSmallGray:visited ,a.actSmallGray:active {font-size:11px; color:#666;text-decoration:none}
a.actSmallGray:hover {font-size:11px; color:#91c1eb; text-decoration:none}
a.btnBig{display:inline-block;padding-right:4px;background:url(/user/default/image/button/btn_href.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btnBig span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(/user/default/image/button/btn_href.gif) no-repeat}
a.btnSmall{display:inline-block;padding-right:4px;background:url(/user/default/image/button/btn_href.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btnSmall span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(/user/default/image/button/btn_href.gif) no-repeat 0 -27px}

/* Button Pack */
.btnPack,
.btnPack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/user/default/image/button/buttonBasic.gif) no-repeat;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btnPack {margin-right:4px}
.btnPack *{left:4px;cursor:pointer;_cursor:hand}
.btnPack *:hover,
.btnPack *:active,
.btnPack *:focus {color:#91c1eb}
.btnPack.black {background:url(/user/default/image/button/buttonBlack.gif) no-repeat}
.btnPack.blue {background:url(/user/default/image/button/buttonBlue.gif) no-repeat}
.btnPack.green {background:url(/user/default/image/button/buttonGreen.gif) no-repeat}
.btnPack.red {background:url(/user/default/image/button/buttonRed.gif) no-repeat}
.btnPack.gray {background:url(/user/default/image/button/buttonGray.gif) no-repeat}
.btnPack.metal {background:url(/user/default/image/button/buttonMetal.gif) no-repeat}
.btnPack.white {background:url(/user/default/image/button/buttonWhite.gif) no-repeat}
.btnPack.medium,
.btnPack.medium *{height:24px;line-height:24px}
.btnPack.large,
.btnPack.large *{height:30px;line-height:30px}
.btnPack.xlarge,
.btnPack.xlarge *{height:36px;line-height:36px}
.btnPack.small,
.btnPack.small *{height:19px;line-height:20px}
.btnPack.black *{background:url(/user/default/image/button/buttonBlack.gif) no-repeat; color:#fff}
.btnPack.blue *{background:url(/user/default/image/button/buttonBlue.gif) no-repeat; color:#fff}
.btnPack.green *{background:url(/user/default/image/button/buttonGreen.gif) no-repeat; color:#fff}
.btnPack.red *{background:url(/user/default/image/button/buttonRed.gif) no-repeat; color:#fff}
.btnPack.gray *{background:url(/user/default/image/button/buttonGray.gif) no-repeat; color:#000}
.btnPack.metal *{background:url(/user/default/image/button/buttonMetal.gif) no-repeat; color:#000}
.btnPack.white *{background:url(/user/default/image/button/buttonWhite.gif) no-repeat; color:#000}
.btnPack.medium{background-position:left 0}
.btnPack.large{background-position:left -30px}
.btnPack.xlarge{background-position:left -65px}
.btnPack.small{background-position:left -106px}
.btnPack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px}
.btnPack.large *{padding:0 10px 0 6px;background-position:right -30px;font-size:16px}
.btnPack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:20px}
.btnPack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
.btnPack.strong *{font-weight:bold !important}
.btnPack.icon *{padding-left:20px}
.btnPack.small.icon *{padding-left:16px}
.btnPack.icon span{width:20px;margin-right:-20px;padding:0 !important}
.btnPack.medium .check{background-position:4px -150px}
.btnPack.large .check{background-position:4px -146px}
.btnPack.xlarge .check{background-position:5px -144px}
.btnPack.small .check{background-position:3px -153px}
.btnPack.medium .add{background-position:-16px -150px}
.btnPack.large .add{background-position:-14px -146px}
.btnPack.xlarge .add{background-position:-14px -144px}
.btnPack.small .add{background-position:-18px -153px}
.btnPack.medium .delete{background-position:-34px -150px}
.btnPack.large .delete{background-position:-34px -146px}
.btnPack.xlarge .delete{background-position:-34px -144px}
.btnPack.small .delete{background-position:-37px -153px}
.btnPack.medium .calendar{background-position:-56px -150px}
.btnPack.large .calendar{background-position:-56px -146px}
.btnPack.xlarge .calendar{background-position:-56px -144px}
.btnPack.small .calendar{background-position:-59px -153px}
.btnPack.medium .refresh{background-position:-76px -150px}
.btnPack.large .refresh{background-position:-76px -146px}
.btnPack.xlarge .refresh{background-position:-76px -144px}
.btnPack.small .refresh{background-position:-79px -153px}
.btnPack.medium .download{background-position:-96px -151px}
.btnPack.large .download{background-position:-96px -147px}
.btnPack.xlarge .download{background-position:-96px -145px}
.btnPack.small .download{background-position:-99px -154px}

/*------------------------------ 스타일 변경 가능한 모듈 --------------------------------*/
/* 도큐멘트 모듈 */
/* document Information */

#docListMobile {display:none}

.docInfo {clear:both; margin:3px 0; color:#666}
.docInfo .articleNum {float:left}
.docInfo .articleIcon {float:left; margin:1px 0 0 10px}
.docInfo .docBtn {float:right}
.docInfo .docBtn li {float:left; margin:0 2px; list-style:none}

.docButton {text-align:right; margin:10px 0 20px 0; border-top:1px solid #efefef}
.docButton .docBtn {padding:5px 0px; float:right}
.docButton .docBtn li {float:left; margin:0 2px; list-style:none}

/* star_point */
.starPoint {float:left; margin:9px 0 0 3px; width:67px; height:10px; background:url(/user/default/image/background/bg_starpoint_off.gif) no-repeat}
.starPoint span {display:block; height:10px; background:url(/user/default/image/background/bg_starpoint_on.gif) no-repeat}
.starPoint .textPoint {display:none}

/* list : faq */
.docTab {position:relative; overflow:hidden}
.docTab img {vertical-align:middle}
.docTab .tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #96beed; text-align:center}
.docTab .tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #999; margin-right:2px; background-color:#fff}
.docTab .tab p {float:left; border-bottom:5px solid #d2d2d2; color:#666; text-align:center}
.docTab .tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.docTab .on {position:relative; float:left; height:35px; top:1px; _top:2px; border:2px solid #96beed; border-bottom:1px solid #fff; margin-right:2px; cursor:pointer; background-color:#fff}
.docTab .on p {float:left; border-bottom:5px solid #fff; color:#000; text-align:center}
.docTab .on p a {font-weight:bold; color:#256dc2; padding:10px 12px 8px; 10px; display:block}
.docTab .search {position:relative; top:10px; float:right}

/* list : gallary */
.docThumb {margin:auto; padding-top:5px;  overflow:hidden; }
.docThumb .cell {position:relative; float:left; text-align:center; width:100%;  padding-bottom:0px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; margin:10px 0px;overflow:hidden;background:#f7f7f7}
.docThumb .cell .viewImage {position:relative; text-align:center; margin:auto; }
.docThumb .cell .viewImage .thumbNail {position:relative; border:0px solid #d2d2d2; margin-left:auto; margin-right:auto}
.docThumb .cell .viewImage .thumbNail_on {position:relative; border:0px solid #990000; margin-left:auto; margin-right:auto}
.docThumb .cell .viewImage .icon {position:absolute; top:3px; left:3px; padding:0px; margin:0; height:15px}
.docThumb .cell .viewImage .icon * {vertical-align:middle}
.docThumb .cell .viewImage .icon span {padding-right:2px}
.docThumb .cell .center {float:left; padding:5px 0px 5px 20px !important;}
.docThumb .cell .center .title {font-weight:600; overflow:hidden; white-space:nowrap; text-align:left;padding:20px 0px !important}
.docThumb .cell .center .title span{padding:15px 0px !important; overflow:hidden;}
.docThumb .cell .center .title a {color:#000; text-decoration:none; overflow:hidden; font-size:15px; }
.docThumb .cell .center .date {font:1.1em; color:#555; text-align:left; white-space:nowrap; padding:0px 0px !important}
.docThumb .cell .center .content {color:#777; overflow:hidden}
.docThumb .cell .center .nameAndDate {position:relative; margin:3px 0 10px 0; font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden; }
.docThumb .cell .center .nameAndDate .date {font:1.1em Tahoma; color:#999999; text-align:center; }
.docThumb .cell .center .nameAndDate .author {text-align:center}
.docThumb .cell .center .nameAndDate .author .commentCount {font:bold .9em Tahoma; color:#990000; text-align:center}

/* list : calendar */
.docCal {width:100%; border:1px solid #dcdcdc}
.docCal .docCalHeadList {height:25px;border-bottom:3px solid #91c1eb; color:#444; text-align:center; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docCal .docCalHeadList.first {background-position:right bottom}
.docCal .big {width:90px; height:60px; border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; vertical-align:top}
.docCal .small {border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; text-align:center; cursor:pointer;_cursor:hand}
.docCal .now {color:#ff0099;font-weight:bold}
.docCal .holiday {font-size:.9em; color:#ff6600; overflow:hidden}
.docCal .date {background:#e0ffff}
.docCal .this {background:#ffffcc}
.docCal .list {float:none; padding:3px 0; overflow:hidden}

.docCalMini {width:100%; border:1px solid #dcdcdc}
.docCalMini .docCalHeadRecent {height:20px; border-bottom:3px solid #91c1eb; color:#444; text-align:center; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docCalMini .docCalHeadRecent.first {background-position:right bottom}
.docCalMini .big {width:90px; height:60px; border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; vertical-align:top; cursor:pointer;_cursor:hand}
.docCalMini .small {width:20px; height:20px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#444; text-align:center; cursor:pointer;_cursor:hand}
.docCalMini .now {color:#ff0099;font-weight:bold}
.docCalMini .holiday {font-size:.9em; color:#ff6600; overflow:hidden}
.docCalMini .date {background:#e0ffff}
.docCalMini .this {background:#ffffcc}
.docCalMini .issue {position:relative; height:15px; padding:5px 0 0 5px}
.docCalMini .icon {position:absolute; top:0; left:0}

/* list : webzine */
.docZine {width:100%; margin:5px 0px;}
.docZine thead tr th div {white-space:nowrap; margin:0 5px; text-align:center}
.docZine tbody {border-top:1px solid #ddd;}
.docZine tbody td {white-space:nowrap;  border-top:1px solid #ddd; padding:10px}
.docZine tbody td.title {white-space:normal; width:100%}
.docZine th {padding:0px 10px 0px 0px;  overflow:hidden; ; background:#f7f7f7}
.docZine th {white-space:nowrap;}
html:not([lang*=""]) .docZine th {height:30px}
.docZine th.no_line {background-position:-3px bottom}
.docZine tr.notice {background:#f8f8f8}
.docZine tr.notice td.notice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000}
.docZine tr.notice .title {font-weight:bold; color:#000}
.docZine tr.notice a {color:#000}
.docZine tr.bg1 {background:#fff}
.docZine tr.bg2 {background:#fbfbfb}
.docZine td {padding:0px 10px 0px 0px; border-top:1px solid red; overflow:hidden; background:#f7f7f7}
.docZine .num {font:.8em tahoma; color:#999; padding:.5em 1em; text-align:center}
.docZine span.now {font:11px tahoma; color:#990000}
.docZine .title {overflow:hidden}
.docZine .title .thumbNail {float:left; border:0px solid #d2d2d2; margin:0px 30px 0 0; vertical-align:top}
.docZine .title .thumbNail_on {float:left; border:0px solid #990000; margin:0px 30px 0 0; vertical-align:top}
.docZine .title .content {color:#777; overflow:hidden}
.docZine .title .subject { color:#444; font-weight:700;padding-top:5px; font-size:14px; margin:10px 0px}}
.docZine .title .commentCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center}
.docZine .writer {color:#777}
.docZine .readCount {font:.8em Tahoma; color:#999999; text-align:center}
.docZine .date {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap}
.docZine .blank {height:150px; text-align:center; white-space:nowrap}



/* 서브 뉴스리스트 */
/*.docZine {  position:relative; width:714px; border-top:2px solid #000; }*/
.docZine .box{position:relative;  padding:0px 10px 0px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden; margin:10px 0px; background:#f7f7f7}
.docZine .box img { float:left; border:0px solid #c2c2c2; }
.docZine .box .link{ float:left;  overflow:hidden;margin-left:20px; width:70%}
.docZine .box .title{ position:relative; color:#444; font-weight:700;padding-top:5px; font-size:14px; margin:10px 0px; overflow:hidden;}
.docZine .box .title img{ border:none; float:none; }
.docZine .box .date, .docZine .box .num{font:1.0em Tahoma; color:#777; text-align:left; white-space:nowrap; margin:10px 0px}
.docZine .box p{ position:relative; float:left; color:#9d9c9c; line-height:150%; padding-bottom:10px; overflow:hidden;}




/* list : Befor&After */
.docBnf thead th.first {background-position:right bottom}
.docBnf thead tr th div {white-space:nowrap; margin:0 5px; text-align:center}
.docBnf tbody td {white-space:nowrap}
.docBnf tbody td.title {white-space:normal; width:100%}
.docBnf th {background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docBnf th {font-weight:normal; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden}
html:not([lang*=""]) .docBnf th {height:30px}
.docBnf tr.notice {background:#f8f8f8}
.docBnf tr.notice td.notice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000}
.docBnf tr.notice .title {font-weight:bold; color:#000}
.docBnf tr.notice a {color:#000}
.docBnf tr.bg1 {background:#fff}
.docBnf tr.bg2 {background:#fbfbfb}
.docBnf td {border-top:1px solid #d2d2d2; padding:.5em; color:#444; overflow:hidden; vertical-align:top}
.docBnf td .thumbNail {float:left; border:2px solid #d2d2d2; margin:2px 5px 0 0; vertical-align:top}
.docBnf td .thumbNail_on {float:left; border:2px solid #990000; margin:2px 5px 0 0; vertical-align:top}
.docBnf td.arrow {vertical-align:middle}
.docBnf .title .content {color:#777; overflow:hidden}
.docBnf .title .commentCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center}
.docBnf .title * {vertical-align:middle; margin:0 1px}
.docBnf .writer {color:#777}
.docBnf .readCount {font:.8em Tahoma; color:#999999; text-align:center}
.docBnf .date {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap}
.docBnf .blank {height:150px; text-align:center; white-space:nowrap}


/* document Read */
.document {}
.document .blank {padding-top:50px; min-height:150px; font-size:13px; color:#999; text-align:center}
.document .docRead {margin:10px  0 10px 0}
.document .docRead .titleAndUser {overflow:hidden; border-bottom:1px solid #efefef;  border-top:2px solid #eee; background:#f7f7f7; padding:10px 5px}
.document .docRead .titleAndUser .title {float:left; margin:5px 0 5px 0; color:#000}
.document .docRead .titleAndUser h4 {line-height:120%; font-size:1.3em; font-weight:bold; text-align:justify}
.document .docRead .titleAndUser .author {float:right; white-space:nowrap; margin-top:11px; color:#999; margin-top:5px; font-weight:bold}
.document .docRead .dateAndCount {clear:both; white-space:nowrap; color:#444; margin:5px 0 0 0; font-family:tahoma; line-height:17px; padding-bottom:10px}
.document .docRead .dateAndCount .ip {float:left; text-decoration:none; font-size:.9em; color:#999}
.document .docRead .dateAndCount .email {float:left; text-decoration:none; margin-left:10px; font-size:.9em; color:#999}
.document .docRead .dateAndCount .date {float:right; color:#999; margin-left:10px}
.document .docRead .dateAndCount .date span {font-size:.9em}
.document .docRead .dateAndCount .readedCount {float:right; color:#999; margin-left:10px}
.document .docRead .dateAndCount .votedCount {float:right; color:#999; margin-left:10px}
.document .docRead .dateAndCount .votedCount span {font-weight:bold; color:#666}
.document .docRead .dateAndCount .commentCount {float:right; color:#999; margin-left:10px}
.document .docRead .dateAndCount .commentCount span {font-weight:bold; color:#666}
.document .docRead .contentBody {color:#555; margin-top:10px; font-size:13px; min-height:50px; display:block}
.document .docRead .contentBody hr {border:0px; display:block}
.document .docRead .caseBox {margin:auto; width:100%;}
.document .docRead .caseBox .docThumb {margin:auto; background:#f0f0f0;padding:10px 10px; border-bottom:none !important}
.document .docRead .caseBox .docThumb .cell {  padding:0px 10px !important; border:none !important; background:none;}
.document .docRead .caseBox .docThumb .cell .thumbNail {position:relative; border:1px solid #aaa; margin-left:auto; margin-right:auto;}
.document .docRead .caseBox .docThumb .cell .thumbNail_on {position:relative; border:1px solid #333; margin-left:auto; margin-right:auto}

.fileAttatch {border:2px #eee dashed; padding:5px; background:#f6f6f6}
.fileAttatch dt {width:100px; background-color:#eee; float:left}
.fileAttatch dd {float:left}
.fileAttatch li {padding:2px; float:left; margin-left:2px; white-space:nowrap}
.fileAttatch li * {color:#666; vertical-align:middle}

.commentBox {border:2px dotted #e3e3e3; padding:5px; margin-bottom:5px; zoom:1; font-size:13px}
.commentBox .commentList {padding:7px; color:#555; border-top:1px dashed #e1e1e1; overflow:hidden}
.commentBox .no_line {padding:7px; color:#555; border:0}
.commentBox .commentList .author {float:left; margin:7px 0}
.commentBox .commentList .author span {color:#999}
.commentBox .commentList .control {float:right; padding:0 2px}
.commentBox .commentList .date { padding:0 2px; font-size:13px;color:#999}
.commentInput {border:3px #efefef solid; text-align:center; zoom:1}
.commentInput .line {border:1px #d2d2d2 solid}
.commentInput .line .resizeBar {cursor:row-resize; width:99%; margin:auto; text-align:center; font-size:0px; line-height:0px; height:4px; background-color:#f9f9f9; font-size:0px; line-height:0px; border:1px solid #cdcdcd; border-top:1px solid #eee}
.commentInput .line img {position:relative; top:-1px; -moz-user-select:none; -khtml-user-select:none}
.commentInput .line img {cursor:row-resize; margin:0 auto}
.commentInput .head {padding:5px; cursor:pointer}
.commentInput .head * {vertical-align:top}
.commentInput .head strong {font-size:12px; color:#990000; margin-left:3px}
.commentInput .body {margin:3px; text-align:center; zoom:1}
.commentInput .commentAuthorName {float:right; color:#666; margin:3px}
.commentInput .commentAuthorPass {float:right; color:#666; margin:3px}
.commentInput .commentAuthorRecom {float:right; color:#666; margin:3px; padding:3px}
.commentInput .commentSubmit {float:right; margin:3px 5px}
.commentInput .commentSubmit .recom {font-weight:bold; color:#000}

/* write */
.docInput td {height:20px}
.docInput .table_input {border:0px solid #999; width:100%; text-align:left}
.docInput .table_input thead th {padding:3px; color:#000; font-weight:bold; background:#efefef}
.docInput .table_input th {padding-left:5px; color:#000; font-weight:normal; background:#efefef}
.docInput .table_input th p {padding:0px;margin:0px}
.docInput .table_input td {padding:3px; color:999}
.docInput .table_input td * {vertical-align:middle}
.docInput .table_input .menu_gray {padding:0; height:20px; color:#000; font-weight:bold; text-align:center; background:url(/user/default/image/background/bg_menu_gray.png) repeat-x}
.docInput .docOpt {margin-bottom:5px}
.docInput .docOpt * {vertical-align:middle}
.docInput .docOpt .agree {float:right; margin:7px 3px 0 3px; color:#666}
.docInput .docOpt .notice {float:right; margin:7px 3px 0 3px; color:#666}
.docInput .docOpt .secret {float:right; margin:7px 3px 0 3px; color:#666}
.docInput .docOpt span {margin:1px 0 0 2px}
.docInput .docFile {margin:10px 0 0 0}
.docInput .fileAttatch th {padding:5px; color:#999; background:#f4f4f4; text-align:center}
.docInput .fileAttatch td {padding:2px;_padding:0}
.docInput .fileAttatch span {margin-left:2px; color:#999}
.docInput .fileAttatch span input {vertical-align:middle; margin-right:-3px; _margin-right:-3px}
.docInput .buttons {text-align:center; margin:5px 0}
.docInput .buttons span {margin:0 2px}
.docInput .docOpt .best {float:right; margin:7px 3px 0 3px; color:#666; }


/* document Bottom */
.docBottom {padding:3px 0 10px 0}
.docBottom .countBox {float:right; padding:8px 0px}
.docBottom .countBox * {color:#999}
.docBottom .countBox strong {color:#666}
.docBottom .searchBox {float:right; width:230px; padding:4px 0 4px 10px}
.docBottom .searchBox .selectBox {width:90px;vertical-align:middle; border:1px solid #ddd}
.docBottom .pageNavigation {float:left}


/* gallerySlider */
#gallerySlider #gallerySilderView {width:690px; padding:5px}
#gallerySlider #gallerySilderView .bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff;}
#gallerySlider #gallerySilderView .bx-prev {position:absolute; top:35%; left:30px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next {position:absolute; top:35%; right:30px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next:hover,.bx-prev:hover {background-position: 0 0;}
#gallerySilderThumb {text-align: center; margin-top:5px}
#gallerySilderThumb a {margin: 0 3px}
#gallerySilderThumb a img {border: solid #ccc 3px}
#gallerySilderThumb a:hover img,
#gallerySilderThumb a.active img {border: solid red 3px}

/* pageNavigation */
.pageNavigation {padding:5px 0; margin:0; text-align:center}
.pageNavigation a,
.pageNavigation strong {display:inline-block; text-decoration:none; font-family:Tahoma, Sans-serif; vertical-align:middle}
.pageNavigation a:hover,
.pageNavigation a:active,
.pageNavigation a:focus {color:#999; background-color:#f4f4f4}
.pageNavigation strong {color:#ff6600}
.pageNavigation a,
.pageNavigation strong {padding:1px 8px; border-left:1px solid #ddd; font-weight:bold; font-size:12px}
.pageNavigation .first {border:0}
.pageNavigation .quick {padding:1px 0}

/* site Map */
.sitemap {width:90%; margin:auto}
.sitemap .cell { position:relative; float:left; padding:10px}
.sitemap li { margin:0; padding:0}
.sitemap .depth2 {padding:5px; border-top:1px dashed #d2d2d2; border-bottom:1px dashed #d2d2d2; background:#eee}
.sitemap .depth3 {padding:4px 0px 4px 10px; border-bottom:1px dashed #d2d2d2; background:#f7f7f7; overflow:hidden}

/**
 * mdMember
 */

/* Login */
#login .loginBox {padding-top:40px; width:180px; margin:auto;}
#login .loginBox h3 {border-bottom:2px dotted #e1e1e1; padding-bottom:.3em; padding-right:5px; font-size:12px; font-weight:bold; text-align:left;}
#login .loginBox h3 .keeping {margin-left:10px; font-weight:normal;}
#login .loginBefore dl {float:left; margin-top:3px;}
#login .loginBefore dt {display:none;}
#login .loginBefore dd {padding-top:2px;_padding-top:0;}
#login .loginBefore p.submit {float:left; padding:5px 0 0 5px;}
#login .loginBefore .btn {float:left; padding:10px 3px; color:#666; font-size:11px; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .regist {font-weight:bold;}
#login .loginBefore .btn a {font-size:11px; color:#666; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .btn a:visited {font-size:11px; color:#666; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .btn a:hover {color:#ff6600;}
#login .loginAfter .info {padding-top:5px;}
#login .loginAfter .info p {padding:3px; text-align:center;}
#login .loginAfter .info span {color:#666;}
#login .loginAfter .info .point {color:#999; font-size:11px; white-space:nowrap;}
#login .loginAfter .btn {float:left; padding:10px 3px; color:#666; font-size:11px; letter-spacing:-1px; white-space:nowrap}
#login .loginAfter .out {font-weight:bold;}
#login .loginAfter .btn a {font-size:11px; color:#666; white-space:nowrap;}
#login .loginAfter .btn a:visited {font-size:11px; color:#666; white-space:nowrap;}
#login .loginAfter .btn a:hover {color:#ff6600;}

#login_wrap {padding-top:10px; text-align:center; margin:auto;}
#login_container {width:60%; margin:auto;}
#login_container .loginBox {float:left; padding-left:5px;}
#login_container .loginBox label {padding-left:3px;}
#login_container .loginBox ul {}
#login_container .loginBox li {padding:1px 0;}
#login_container .banner {float:left; border-right:1px dashed #999;}
#login_footer {border:1px dotted #999; padding:.5em; position:relative;}
#login_footer {margin-top:3px;}
#login_footer li {list-style:circle inside; padding-left:5px; line-height:130%;}
#login_footer li.accent {color:#3366ff}

#login_wrap02 {float:left; background:url(/skin/default/kr/image/background/loginbox_bg.gif) no-repeat;}
#login_wrap02 .btn2 {float:left; padding:5px 0; white-space:nowrap;}

/* Registration */
#regist_wrap {text-align:center;}
#regist_wrap .event {padding:2px; background:#eee; text-align:center;}
#regist_wrap .event img {vertical-align:middle;}
#regist_wrap .regist_container {margin:auto;}
#regist_wrap .regist_container .form {float:left; width:280px; padding-top:7px;}
#regist_wrap .regist_container .btn {float:left; padding:5px 0 0 10px;}
*:first-child+html #regist_wrap .regist_container .btn {padding-top:10px;}
#regist_wrap .regist_container .btn label {padding-left:3px; font-size:11px;}
#regist_wrap .regist_container .btn li {margin-top:3px;}
#regist_wrap .regist_container .realname {position:relative; margin:auto;}
#regist_wrap .regist_container .realname p {margin:0;}
#regist_wrap .regist_container .realname th, #regist_wrap .regist_container .realname td {padding:3px;}

/* Search id or password */
#find_wrap {padding:2em 0; text-align:center; overflow:hidden}
#find_wrap .find_container {margin:0 auto; width:100% !important; height:auto !important;}
#find_wrap .find_container .cell {float:left; width:40% !important;  height:auto !important; text-align:center; overflow:hidden; border:1px solid #efefef; border-top:3px solid #4d62b8; margin-left:20px; height:250px; padding:40px 20px !important; background:none !important}
#find_wrap .find_container .cell li {padding-top:5px}
#find_wrap .find_container .cell fieldset {text-align:left;}
#find_wrap .find_container .cell p {padding-left:0px;}
#find_wrap .find_container .cell input {width:50%; margin:3px 0px}
#find_wrap .find_container .cell .btn {padding-top:15px;padding-left:5px; text-align:center;}
#find_wrap .find_container .cell .bold {font-weight:normal; color:#000; font-size:14px;}
#find_wrap .find_container .cell .cube {padding:20px 20px !important; height:70px !important; margin-top:10px}
#find_wrap .find_container .cell .cube img{margin-bottom:20px !important; }

/* My Page */
.mypageTab {position:relative; overflow:hidden}
.mypageTab img {vertical-align:middle}
.mypageTab ul.tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #91c1eb; text-align:center}
.mypageTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #999; background-color:#fff; margin:0}
.mypageTab li.tab p {border-bottom:5px solid #d2d2d2; color:#666; text-align:center}
.mypageTab li.tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.mypageTab li.on {position:relative; float:left; height:33px; top:1px; _top:2px; border:2px solid #91c1eb; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.mypageTab li.on p {border-bottom:5px solid #fff; color:#000; text-align:center}
.mypageTab li.on p a {font-weight:bold; color:#000; padding:10px 12px 8px; 10px; display:block}

/**
 * mdSms 
 */
#sms .cell {width:200px; position:relative; float:left; overflow:hidden}
#sms .info {width:400px; position:relative; float:left; overflow:hidden}
#sms .sms_sender {border:1px solid #c9d8f5; padding:2px 0 0 2px; height:15px; vertical-align:middle; background:#e3eef9 url(/user/default/image/background/bg_sms_return.gif) no-repeat}
#sms .sms_content {border:1px solid #c9d8f5; padding:2px 0 0 2px; vertical-align:middle; background:#e3eef9 url(/user/default/image/background/bg_sms_lcd.gif) no-repeat}

/* SMS 팝업 */
#sms_pop{width:207px;position:absolute;width:207px;left:10px;top:10px;z-index:2005;cursor: move;}
#sms_pop .sms_top{width:207px;height:64px;background-image: url(/user/default/image/modules/sms/sms_bg01.png); background-repeat: repeat-x; behavior:url(/common/css/iepngfix.htc);}
#sms_pop .sms_bg_1{width:207px;height:15px;background-image: url(/user/default/image/modules/sms/sms_bg02.gif); background-repeat: repeat-x;}
#sms_pop .sms_bg_2{width:207px;height:30px;background-image: url(/user/default/image/modules/sms/sms_bg03.gif); background-repeat: repeat-x;}
#sms_pop .sms_bg_2 div{position:relative;left:118px;top:9px;font-size: 11px; color: #990000; LETTER-SPACING: -0.04em;}
#sms_pop .sms_bg_3{height:155px;background-image: url(/user/default/image/modules/sms/sms_bg04.gif); background-repeat: repeat-x;text-align:center}
#sms_pop .sms_bg_4{padding-left:37px;padding-top:7px;height:38px;background-image: url(/user/default/image/modules/sms/sms_bg05.gif); background-repeat: repeat-x;}
#sms_pop .sms_bg_5{height:47px;background-image: url(/user/default/image/modules/sms/sms_bg05.gif); background-repeat: repeat-x;}
#sms_pop .sms_bg_4 p{padding-bottom:3px;}
#sms_pop .sms_bottom{height:56px;background-image: url(/user/default/image/modules/sms/sms_bg06.png); background-repeat: repeat-x; behavior:url(/common/css/iepngfix.htc);}

/* SMS Addon Type - recent_01 */
#sms_box {width:150px; margin:auto}
#sms_box h3 {border-bottom:2px dotted #e1e1e1; padding-bottom:3px; padding-right:5px; font-size:12px; font-weight:bold; text-align:left}
#sms_box h3 .keeping {margin-left:10px; font-weight:normal}
#sms_box ul {margin-top:3px}
#sms_box li {padding:1px 0 1px 0; vertical-align:middle}
#sms_box .sms_lcd {padding-top:20px; width:150px; text-align:center; background:url(/user/default/image/background/bg_sms_body01.gif) no-repeat}

/* SMS Addon Type - recent_02 */
#sms_box02 {border:1px solid #d2d2d2; background:url(/user/default/image/background/bg_sms_body02.gif) no-repeat}
#sms_box02 li {padding:1px 0 1px 0; vertical-align:middle}
#sms_box02 .sms_lcd {padding:56px 0 0 40px; width:150px; text-align:center}

/**
 * mdBanner 
 */
 /*
.banner {overflow:hidden; position:relative; border:0px #efefef solid; }
.banner .thumbNail {margin:auto}
.banner .bx-prev {position:absolute; top:47%; left:10px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
.banner .bx-next {position:absolute; top:47%; right:10px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
.banner .bx-next:hover,.bx-prev:hover {background-position: 0 0;}
.banner .bx-pager {position:absolute; left:0px; right:0px; top:408px; z-index:101; text-align:center; padding-top:7px; font-size:11px; color:#666;}
.banner .bx-pager a {display:inline-block;;margin-right:0px; color: #000; font-weight:600; padding: 4px 10px 3px 6px; font-size: 11px; letter-spacing:-3px; zoom:1; background: url(/user/default/image/icon/bxSlider_pager.png) no-repeat 0 -20px;}
.banner .bx-pager .bx-pager-item {display:inline-block;}
.banner .bx-pager .pager-active, .bx-pager a:hover {background-position: 0 0; color: #fff;}
.banner .bx-pager .pager-active, .bx-pager a.active{background-position: 0 0; color: #fff;}
.banner li {float:left;}
*/
.banner {overflow:hidden; position:relative; border:0px #efefef solid; }
.banner .thumbNail {margin:auto}
.banner .bx-pager {position:absolute; bottom:1%; right:2%; z-index:101; text-align:center; padding-top:10px; font-size:11px; color:#666; }
.banner .bx-pager a {float:left; color: #000; font-weight:600;width:13px; font-size: 0px; zoom:1; background: url(/user/default/image/icon/bxSlider_pager.png) no-repeat 0 -12px; height:13px;}
.banner .bx-pager .pager-active, .bx-pager a:hover {background-position: 0 0; color: #fff;}
.banner .bx-pager .pager-active, .bx-pager a.active{background-position: 0 0; color: #fff;}
.banner .bx-pager .bx-pager-item {display:inline-block;}



/**
 * mdProduct
 */
/* Recent - product */
.recentProduct {margin:auto; overflow:hidden}
.recentProduct .cell {position:relative; float:left; overflow:hidden}
.recentProduct .cell .thumbNail {border:1px solid #d2d2d2; margin-left:auto; margin-right:auto}
.recentProduct .cell .thumbNail_on {border:1px solid #85a919; margin-left:auto; margin-right:auto}
.recentProduct .cell .icon {position:absolute; top:1px; left:1px}
.recentProduct .cell .icon * {vertical-align:middle}
.recentProduct .cell .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat right bottom; bottom:0; right:5px; width:53px; height:60px}
.recentProduct .cell .iconSale p {padding-top:15px; text-align:center; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.recentProduct .cell .productName {position:relative; margin:3px 0; font-weight:normal; color:#999; text-align:center; line-height:18px; overflow:hidden;font-weight:bold; }
.recentProduct .cell .productName a,
.recentProduct .cell .productName a.link,
.recentProduct .cell .productName a.visited {color:#000000; font-weight:bold; }
.recentProduct .cell .productSubject {position:relative; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.recentProduct .cell .priceAndPoint p.price {font-weight:bold; color:#ff6600; margin:10px 0; text-align:center}

/* list : gallary */
.productList {margin:auto; background:url(/user/default/image/background/bg_productList.jpg) no-repeat left top; overflow:hidden}
.productList .sortNavi { padding:15px; text-align:right; color:#ccc; font-size:8pt}
.productList .cell {position:relative; float:left; text-align:center; margin:auto}
.productList .cell .viewImage {position:relative; text-align:center; margin:auto}
.productList .cell .viewImage .thumbNail {position:relative; border:1px solid #d2d2d2; margin-left:auto; margin-right:auto}
.productList .cell .viewImage .thumbNail_on {position:relative; border:1px solid #cc0608; margin-left:auto; margin-right:auto}
.productList .cell .viewImage .icon {position:absolute; top:3px; left:3px; padding:0; margin:0; height:15px}
.productList .cell .viewImage .icon * {vertical-align:middle}
.productList .cell .viewImage .icon span {padding-right:2px}
.productList .cell .viewImage .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat right bottom; bottom:0; right:5px; width:53px; height:60px}
.productList .cell .viewImage .iconSale p {padding-top:15px; text-align:center; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.productList .cell .center {position:relative; margin:auto; padding:5px 0}
.productList .cell .center .title {font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center}
.productList .cell .center .title a {color:#777; text-decoration:none; overflow:hidden}
.productList .cell .center .title a:visited {color:#777; text-decoration:none; overflow:hidden}
.productList .cell .center .nameAndDate {position:relative; margin:3px 0 10px 0; font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.productList .cell .center .nameAndDate .date {font:.9em Tahoma; color:#999999; text-align:center}
.productList .cell .center .nameAndDate .author {text-align:center}
.productList .cell .center .nameAndDate .author .commentCount {font:bold .9em Tahoma; color:#990000; text-align:center}
.productList .cell .center .productName {position:relative; margin:3px 0; font-weight:normal; color:#999; text-align:center; height:12px; overflow:hidden}
.productList .cell .center .productSubject {position:relative; font-weight:normal; color:#666; text-align:center; height:12px; overflow:hidden}
.productList .cell .center .priceAndPoint .price {margin:10px 0; font-weight:bold; color:red; text-align:center}
.productBottom {margin-top:5px; border-top:1px dashed #d2d2d2}

/* Prodcut View */
.product .productView .productSubject {border:1px solid #d2d2d2; border-top:3px solid #85a919; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; background-color:#f4f4f4; line-height:20px; text-align:center;}
.product .productView .productSubject strong {font-size:18px; color:#000; text-align:center;}
.product .productView .productSubject .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat left bottom; top:10px; right:10px; width:53px; height:60px; text-align:center}
.product .productView .productSubject .iconSale p {padding-top:15px; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.product .productView .productImageView {float:left; background-color:#fff}
.product .productView .productImageZoom li {text-align:center; margin-top:10px}
.product .productView .productImageZoom li.zoomMent {background-color:#f4f4f4; padding:5px; font-size:11px; color:#999}
.product .productView .productImageZoom image {border:1px solid #d2d2d2; cursor:pointer}
.product .productView .productInfo {border:1px solid #d2d2d2; border-top:0; background-color:#fff}
.product .productView .productSaleInfo {float: left; border-left:1px solid #d2d2d2}
.product .productView .productSaleInfo .mLine {border-top:1px dotted #d2d2d2; margin:15px 20px 0 20px}
.product .productView .productSaleInfo .detailContent {overflow: hidden; clear: both; padding-top: 10px}
.product .productView .productSaleInfo .detailContent dl {clear:both}
.product .productView .productSaleInfo .detailContent dt {float: left; width:100px; color: #222; padding:5px 0 0 20px; font-weight:bold; color:#666}
.product .productView .productSaleInfo .detailContent dd {float: left; color:#666; padding:3px 0 0 10px}
.product .productView .productSaleInfo .detailContent dd.point {width:10px; padding:5px 0 0 0; color:#666}
.product .productView .productSaleInfo .detailContent dd .enteryIpt {float: left;}
.product .productView .productSaleInfo .detailContent dd .enteryIpt input {width:30px; height:18px; color:red; border:1px solid #bababa; background-color:#ffffcc; text-align:center}
.product .productView .productSaleInfo .detailContent dd .enterCt {float: left; padding-left: 3px;}
.product .productView .productSaleInfo .detailContent dd .enterCt li {line-height: 1%; padding-bottom: 2px; font-size: 1%;}
.product .productView .productSaleInfo .detailContent dd .enterCt li img {cursor: pointer;}
.product .productView .productSaleInfo .detailContent dd .text {float: left; padding-top: 5px; padding-left: 4px;}
.product .productView .productSaleInfo .detailContent dd .itemSelect {background-color:#f4f4f4}
.product .productView .productSaleInfo .detailContent dd.tprice {color:#ff3300; font-size:15px; padding-top:0}
.product .productView .productSaleInfo .detailContent dd.tprice span {font-family:Arial Black; line-height:0}
.product .productView .productSaleInfo .detailContentGuide {margin:10px 20px 0 20px; padding:10px; border:1px dashed #d2d2d2; border-top:1px solid #d2d2d2; line-height:18px; font-size:11px; color:#666}
.product .productView .productSaleInfo .mallControlBtn {width: 100%; text-align: center; height: 50px; margin-top: 10px;}
.product .productView .productSaleInfo .totalPrice ul {width: 369px; text-align: right; padding: 6px 30px 6px 0;}
.product .productView .productSaleInfo .totalPrice ul li {color: #666; font-size: 12px;}
.product .productView .productSaleInfo .totalPrice .tprice {color: #e74100; font-family:Arial Black; font-size: 15px}
.product .productTab {position:relative; overflow:hidden}
.product .productTab img {vertical-align:middle}
.product .productTab ul.tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #76aa12; text-align:center}
.product .productTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #d2d2d2; background-color:#fff; margin:0}
.product .productTab li.tab p {border-bottom:5px solid #d2d2d2; color:#666; text-align:center}
.product .productTab li.tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.product .productTab li.on {position:relative; float:left; height:33px; top:1px; _top:2px; border:2px solid #76aa12; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.product .productTab li.on p {border-bottom:5px solid #fff; color:#000; text-align:center}
.product .productTab li.on p a {font-weight:bold; color:#76aa12; padding:10px 12px 8px; 10px; display:block}

/**
 * mdOrder
 */

/* Order List */
.order .orderForm .orderTitle {border:1px solid #d2d2d2; border-top:3px solid #999; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; font-size:16px; background-color:#f4f4f4}
.order .orderForm .mileageInfo ul {width:100%; padding: 6px 30px 6px 0;}
.order .orderForm .mileageInfo ul li {color: #666; font-size: 12px;margin-top:10px;}
.order .orderForm .mileageInfo .mileagePrice {color:#e74100;}
.order .orderForm .mileageInfo .mileageSaved {color:#0066ff;}
.order .orderForm .mileageInfo dl {clear:both}
.order .orderForm .mileageInfo dt {float: left; width:120px; color: #222; padding:0 0 0 20px; color:#666}
.order .orderForm .mileageInfo dd {float: left; color:#666; padding:0 0 0 10px}
.order .orderForm .mileageInfo dd .useMileage {width:80px; font-weight:bold; text-align:center; ime-mode:disabled; color:blue}
.order .orderForm .mileageInfo dd .useCoupon {width:112px; font-weight:bold; text-align:center; ime-mode:disabled; color:blue}
.order .orderForm .mileageInfo dd.info {width:130px; color:#666; padding:0 0 0 10px; text-align:right}
.order .orderForm .mileageInfo dd.point {width:10px; padding-top:5px; color:#666}
.order .orderForm .totalInfo {vertical-align:top}
.order .orderForm .totalInfo dl {clear:both; padding:0; margin:0}
.order .orderForm .totalInfo dt {float: left; width:120px; color: #222; padding:4px 0 0 20px; color:#666}
.order .orderForm .totalInfo dd {float: left; color:#666; padding:4px 0 0 10px}
.order .orderForm .totalInfo dd.info {width:130px; color:#666; padding:4px 0 0 10px; text-align:right}
.order .orderForm .totalInfo dd.point {width:10px; padding-top:2px; color:#666}
.order .orderForm .totalInfo dd .totalPrice {color: #e74100; font-family:Arial Black; font-size:14px; line-height:0}
.order .orderForm .table_info {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.order .orderForm .table_info span {margin:0 2px}
.order .orderForm .table_info li.opt {float:left; padding:0 3px; text-align:left}
.order .orderForm .table_info thead th {color:#666; padding:5px; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.order .orderForm .table_info thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left; font-weight:normal}
.order .orderForm .table_info thead th.first {background-position:right bottom}
.order .orderForm .table_info tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.order .orderForm .table_info tbody th label {display:block; padding:7px 7px 7px 18px}
.order .orderForm .table_info tbody th label.required {padding-left:7px}
.order .orderForm .table_info tbody td {border-bottom:1px solid #e6e6e6; padding:4px; color:#999; text-align:left; line-height:18px}
.order .orderForm .table_info tbody td.productImage {vertical-align:top}
.order .orderForm .table_info tbody td.productInfo {vertical-align:top}
.order .orderForm .table_info tbody td.sideLine {border-left:1px dashed #efefef}
.order .orderForm .table_info tbody td.mileageInfo {border-top:2px solid #d2d2d2; background-color:#f4f4f4}
.order .orderForm .table_info tbody td.totalInfo {border-top:2px solid #d2d2d2; border-left:1px solid #d2d2d2; padding-bottom:10px; background-color:#f4f4f4}
.order .orderForm .table_info tbody td.blank {border:0px; height:100px; color:#666; text-align:center}
.order .orderForm .table_info tbody td p.subject {color:#ff3300; font-size:12px; padding-left:10px}
.order .orderForm .table_info tbody td p.item {color:#000; line-height:20px; padding-left:10px}
.order .orderForm .table_info tbody td p.itemSelect {padding-left:10px; font-size:11px}
.order .orderForm .table_info tbody td {overflow: hidden; clear: both; padding-top: 10px}
.order .orderForm .table_info tbody td .buyAmount {width:30px; height:18px; border:1px solid #bababa; background-color:#fff; text-align:center}
.order .orderForm .orderSenderInfo {float:left; border:1px solid #d2d2d2; border-top:0; width:485px}
.order .orderForm .orderReceiverInfo {float:left; border:1px solid #d2d2d2; border-top:0; border-left:0; border-bottom:0; background-color:#efefef; width:482px}
.order .orderForm .table_order {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.order .orderForm .table_order span {margin:0 2px}
.order .orderForm .table_order li.opt {float:left; padding:0 3px; text-align:left}
.order .orderForm .table_order thead th {color:#886161;}
.order .orderForm .table_order thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.order .orderForm .table_order thead th.first {background-position:right bottom}
.order .orderForm .table_order thead th a {color:#886161}
.order .orderForm .table_order tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.order .orderForm .table_order tbody th label {display:block; padding:7px 7px 7px 18px}
.order .orderForm .table_order tbody th label.required {padding-left:7px}
.order .orderForm .table_order tbody td {border-bottom:1px solid #e6e6e6; padding:4px; color:#999; text-align:left}

/* Payment */
.payment .paymentForm .paymentTitle {border:1px solid #d2d2d2; border-top:3px solid #999; border-bottom:2px dotted #d2d2d2; overflow:hidden; padding:15px; font-size:16px; background-color:#f4f4f4}
.payment .paymentForm .table_order {border:0px solid #eee; background:#fff; table-layout:fixed; border-collapse:collapse}
.payment .paymentForm .table_order span {margin:0 2px}
.payment .paymentForm .table_order li.opt {float:left; padding:0 3px; text-align:left}
.payment .paymentForm .table_order thead th {color:#440E62}
.payment .paymentForm .table_order thead th {border-bottom:2px solid #d2d2d2; white-space:nowrap; overflow:hidden; text-align:left}
.payment .paymentForm .table_order thead th.first {background-position:right bottom}
.payment .paymentForm .table_order thead th a {color:#91c1eb}
.payment .paymentForm .table_order tbody th {border-bottom:1px solid #e6e6e6; padding:0; background:#f6f6f6; text-align:left; font-weight:normal}
.payment .paymentForm .table_order tbody th label {display:block; padding:7px 7px 7px 18px}
.payment .paymentForm .table_order tbody th label.required {padding-left:7px}
.payment .paymentForm .table_order tbody td {border-bottom:1px solid #e6e6e6; padding:7px; color:#666; text-align:left; line-height:20px;}
.payment .paymentForm .table_order tbody td .totalPrice {color: #e74100; font-family:Arial Black; font-size:16px; line-height:0}
.payment .paymentForm .paymentInfo {padding:20px 0; border:1px dashed #d2d2d2; background-color:#f4f4f4}
.payment .paymentForm .paymentInfo dt {float: left; color: #222; padding:0 0 0 5px; font-weight:bold; color:#ff3300}
.payment .paymentForm .paymentInfo dd {float: left; color:#666; padding:0 0 0 10px}
.payment .paymentForm .paymentInfo dd.info {color:#666; padding:0 0 0 5px; text-align:right}
.payment .paymentForm .paymentInfo dd.point {width:10px; padding-top:0; color:#666}
.payment .paymentTab {clear:both; position:relative; overflow:hidden; margin-top:10px}
.payment .paymentTab img {vertical-align:middle}
.payment .paymentTab ul.tabBox {position:relative; width:100%; height:36px; border-bottom:2px solid #000; text-align:center}
.payment .paymentTab li.tab {position:relative; float:left; top:1px; _top:3px; border:1px solid #999; background-color:#fff; margin:0}
.payment .paymentTab li.tab p {width:150px; border-bottom:5px solid #d2d2d2; color:#666; text-align:center}
.payment .paymentTab li.tab p a {color:#888; padding:10px 12px 6px 12px; display:block}
.payment .paymentTab li.on {position:relative; float:left; height:34px; top:1px; _top:2px; border:2px solid #000; border-bottom:1px solid #fff; cursor:pointer; background-color:#fff; margin:0}
.payment .paymentTab li.on p {border-bottom:5px solid #fff; color:#000; text-align:center}
.payment .paymentTab li.on p a {font-weight:bold; color:#ff3300; padding:10px 12px 8px; 10px; display:block}
.payment .paymentTab .tabBody {clear:both; padding:10px; top:1px;_top:0px; border:2px solid #000; border-top:none; background:#fff; line-height:18px; overflow:hidden}
.payment .paymentTab .btn{position:absolute; top:0; right:0}

/* SNS */
#sns_box { position:relative; width:265px; border:1px solid #ccc; height:26px; }
#sns_box h4{ float:left; background-color:#c2c2c2;}
#sns_box .on01{ background-color:#3b5998;}
#sns_box .on02{ background-color:#3cc2f3; }
#sns_box .con { position:absolute; left:-1px; top:25px; width:265px;  height:510px;}
.snsFacebookButton {float:left; margin-top:5px;}
.snsTwitterButton {float:left; margin-top:5px; margin-left:5px}
.snsFacebookLink {float:right; margin-top:5px;}
.snsTwitterLink {float:right; margin-top:5px; margin-right:5px}

/**
 * mdApp01 
 */




#menuCategory{ width:220px; position:absolute; z-index:20000; background:#a20004; }
#menuCategory .lnb li{margin-left:6px; margin-top:2px; }

/*
Author: Craig Erskine
Description: Dynamic Menu System - Vertical
*/

ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {line-height:0px; 
 width: 110px; /* Menu Width */
 margin: 0;
 list-style: none;
 clear:both;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; font-size: 11px;}
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 10px;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a { 
 border-top: 0px solid #FFF;
 border-right: 0px solid #FFF;
 padding: 0px;
 display: block;
 background: #a20004;
 color: #666;
 font-weight: bold;
 text-decoration: none;
}

ul#navmenu-v a.cate2nd { 
 border-top: 1px solid #a20004;
 border-right: 1px solid #a20004;
 padding: 8px;
 display: block;
 background: #a20004;
 color: #000;
 font-weight: bold;
 text-decoration: none;
 height: 1%;
}

ul#navmenu-v a.cate3nd {
 border-top: 1px solid #a20004;
 border-right: 1px solid #a20004;
 padding: 7px;
 display: block;
 background: #a20004;
 color: #000;
 font-weight: bold;
 text-decoration: none;
 height: 1%;
}

ul#navmenu-v 

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: #a20004; 
 color: #FFF;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a  {
 float: none;
 color: #e27477;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 color: #fff;
 background: #a20004;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 color: #cc0000;
 background: #fff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 color: #fff;
 background: #a20004;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 color: #cc0000;
 background: #fff;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 color: #fff;
 background: #a20004;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

/* gallerySlider */
/* 갤러리.앨범(슬라이드, 포트폴리오) 사용 */
#gallerySlider #gallerySilderView {position:relative; width:690px; margin:auto;}
#gallerySlider #gallerySilderView .bx-prev {position:absolute; top:45%; left:50px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next {position:absolute; top:45%; right:50px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next:hover,.bx-prev:hover {background-position: 0 0;}
#gallerySilderThumb {text-align: left; margin-top:5px}
#gallerySilderThumb a {margin-right:8px}
#gallerySilderThumb a img {border: solid #ccc 3px; width:100px}
#gallerySilderThumb a:hover img,
#gallerySilderThumb a.active img {border: solid red 3px}







/* 전체메뉴보기 */
	.menuWrap_small {z-index:666;width:180px;height:100%; background:#607ca2}
	.menuWrap_small .menu li a {display:block;color:#fff;padding:13px 10px; border-bottom:1px solid #9aaac1; font-size:1.2em; }
	.menuWrap_small .menu li.select > a:hover {background:#294d7e;font-weight:bold; color:#fff47a}
	.menuWrap_small .menu li.active {background:#e21921;font-weight:bold; color:#fff47a}
	.menuWrap_small .menu ul li div ul {padding:0px 0 0 0;line-height:1.8;}
	/*대메뉴를 눌러야 아래가 펼쳐지겠지요*/
	.menuWrap_small .menu ul li div#navi01,
	.menuWrap_small .menu ul li div#navi02,
	.menuWrap_small .menu ul li div#navi03, 
	.menuWrap_small .menu ul li div#navi04, 
	.menuWrap_small .menu ul li div#navi05, 
	.menuWrap_small .menu ul li div#navi06, 
	.menuWrap_small .menu ul li div#navi07, 
	.menuWrap_small .menu ul li div#navi08, 
	.menuWrap_small .menu ul li div#navi09, 
	.menuWrap_small .menu ul li div#navi10, 
	.menuWrap_small .menu ul li div#navi11, 
	.menuWrap_small .menu ul li div#navi12, 
	.menuWrap_small .menu ul li div#navi13, 
	.menuWrap_small .menu ul li div#navi14 {display:none;}
	.menuWrap_small .menu ul li div ul li a{font-size:1.0em;display:block;color:#fff;background:#90a4be url(/user/default/image/menu/menu_icon.gif) 12px 10px no-repeat;border-bottom:1px solid #9dafc5;padding:0 0 0 20px;float:none;text-indent:0px;_height:22px;}
	.menuWrap_small .menu ul li div ul li.on a,
	.menuWrap_small .menu ul li div ul li a:hover{color:#fff;font-weight:bold;background:#577eb1  url(/user/default/image/menu/menu_icon.gif) 12px 10px no-repeat}
	.menuWrap_small .menu ul li div ul li.on li a,
	.menuWrap_small .menu ul li div ul li ul li a{font-size:0.9em;display:block;color:#fff;font-weight:normal; background:#abb9ca url(/user/default/image/sub/icon05.gif) 20px 8px no-repeat;border-bottom:1px solid #b4c1d0;padding:0 0 0 30px;float:none;text-indent:0px;_height:22px;}
	.menuWrap_small .menu ul li div ul li ul li.on a,
	.menuWrap_small .menu ul li div ul li ul li a:hover{color:#fff;font-weight:bold;background:#ccd5e0 url(/user/default/image/sub/icon05.gif) 20px 8px no-repeat}
	.menuWrap_small .menu ul li.selected div ul li a{color:#666;}
	.menuWrap_small .close {position:absolute;top:40px;right:180px;}
	.menuWrap_small .country {text-align:right}




.mar_right0{margin-right:0px}
.mar_right10{margin-right:10px; margin-bottom:10px}
.mar_right20{margin-right:20px; margin-bottom:10px}
.mar_right30{margin-right:30px; margin-bottom:10px}
.mar_right40{margin-right:40px; margin-bottom:10px}


.main_330 {position:relative;  float:left; width:320px; }
.main_small {position:relative;  float:left; width:100px; }
.skin_mt1{text-align:center;max-width:100%}
.mainCopy01 img{margin:37px auto -30px auto;z-index:1; position:relative}


/* 서브페이지 1뎁스 메뉴 */
#sub_menu1 { position:relative; width:195px; background:#00549d; overflow:hidden}
#sub_menu1 A{ display:block; background:url(/user/default/image/menu/sub_menu_icon.png) 12px 15px no-repeat; color:#fff; font-size:16px; font-weight:600; padding:10px 0px 10px 25px; border-bottom:1px solid #266dac}
#sub_menu1 A:hover, #sub_menu1 A.on{background:#1870bd url(/user/default/image/menu/sub_menu_icon.png) 12px 15px no-repeat; }


/* 메인메뉴 */
#main_menu {width:318px; margin:0 auto}
#main_menu li{ float:left;}
#main_menu .mar_right5{margin-right:4px; margin-bottom:4px}



/* 메인 바로가기 */
.goto { display:block; overflow:hidden; position:relative; text-align:center; width:100%;}
.goto_color1 { background:#ebae18; }
.goto_color2 { background:#fff; }
.goto_color3 { background:#896bf1; }
.goto_color4 { background:#eb6876; }
.mar_bottom11 { margin-bottom:11px;}

/* 오늘의 당직의 */
.today { display:block; overflow:hidden; position:relative; text-align:center; width:100%; height:140px; background:#896bf1; }
.today a { display:block; color:#fff}
.today .border{ border:1px solid #e7e6e9; margin:2px 0px 7px 0px}
.today p { background:#5c3dc7;color:#fff; padding:6px 0px}

.today.sns { background:#896bf1; }
.today.sns p { background:#5c3dc7;color:#fff; padding:10px 0px}
.today.sns img { padding:9px 0px}

.bxsliderToday {  width:100% !important; clear:both; display:block; position:relative; }
.bxsliderToday li{ width:100% !important;  }
.bxsliderToday a {  display:block; color:#fff;text-align:center;  }
.bxsliderToday .border{ border:1px solid #e7e6e9; margin:2px 0px 7px 0px }
.bxsliderToday p { background:#5c3dc7;color:#fff; padding:6px auto; text-align:center;}

/* 메인 시력교정체험기 */
#recentMR31 {position:relative; background:#767676;  overflow:hidden;}
#recentMR31 h3 {padding:0px 20px}
#recentMR31 .recentBody {overflow:hidden; color:#fff; font-size:14px; width:280px}
#recentMR31 .recentBody ul {margin:0; padding:0px 15px;}
#recentMR31 .recentBody ul li {position:relative; vertical-align:top; margin:0; padding:2px 0px;float:left; *zoom:1}
#recentMR31 .recentBody .docTitle {line-height:20px; overflow:hidden; white-space:nowrap; vertical-align:middle}
#recentMR31 .recentBody .docTitle .date {position:absolute; color:#fff; margin-right:20px;}
#recentMR31 .recentBody .docTitle .title p {white-space:nowrap}
#recentMR31 .recentBody .docTitle .title a {color:#fff; text-decoration:none; }
#recentMR31 .recentBody .docTitle .title a:hover {text-decoration:underline}
#recentMR31 .recentBody .docTitle .icon {vertical-align:middle; margin:0 2px}
#recentMR31 .more {position:absolute; top:15px; right:15px; z-index:999; }

/* 메인 해피아이센터 */
#recentMR32 {position:relative; background:#fff;  overflow:hidden;}
#recentMR32 h3 {padding:0px 20px}
#recentMR32 .recentBody {overflow:hidden; color:#999; font-size:14px}
#recentMR32 .recentBody ul {margin:0; padding:0px 15px;}
#recentMR32 .recentBody ul li {position:relative; vertical-align:top; margin:0; padding:2px 0px;float:left; *zoom:1}
#recentMR32 .recentBody .docTitle {line-height:20px; overflow:hidden; white-space:nowrap; vertical-align:middle}
#recentMR32 .recentBody .docTitle .date {position:absolute; color:#999;  margin-right:20px;}
#recentMR32 .recentBody .docTitle .title p {white-space:nowrap}
#recentMR32 .recentBody .docTitle .title a {color:#999; text-decoration:none; }
#recentMR32 .recentBody .docTitle .title a:hover {text-decoration:underline}
#recentMR32 .recentBody .docTitle .icon {vertical-align:middle; margin:0 2px}
#recentMR32 .more {position:absolute; top:15px; right:15px; z-index:999; }

/* 메인 스타체험기 */
#recentMR33 { background:#767676; overflow:hidden; }
#recentMR33 h3 {padding:0px 0px 0px 20px}

#recentMR34 { background:#767676; overflow:hidden; }
#recentMR34 h3 {padding:0px 0px}

/* 카피라이터 */
.foot_logo { background:#000d1f; opacity:80%; padding:25px 0; text-align:center; margin-top:20px}
.foot_copy { background:#000d1f; padding:20px 0; text-align:center; color:#bcc2c8; line-height:20px}
.foot_copy a {color:#bcc2c8;}
.foot_copy span {padding:0 15px;}
.foot_copy_mobile { background:#000d1f; padding:20px 0; text-align:center; color:#bcc2c8; line-height:20px; letter-spacing:-0.05em}
.foot_copy_mobile a {color:#bcc2c8;}

 /* 컨텐츠 공통 */
.img_center { margin:0 auto; text-align:center; line-height:22px}
.img_100 {width:100%}
.img99 {width:99%}
.boder2{ border:2px solid #ddd}
.position{ position:relative}

.content_box { position:relative; font-size:14px; color:#444; line-height:30px}
.content_box dl {margin-bottom:0px}
.content_box dt {position:relative; margin:0px;}
.content_box dd {position:relative; margin:0px}
.content_box ol{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }
.content_box ul{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }
.content_box li{list-style:none !important;  padding:0px 0px 0px 0px;   margin:0px 0px 0px 0px; }

.content_box .mar_right20{ margin-right:20px !important}
.content_box .mar_right40{ margin-right:40px !important}
.content_box .mar_right10{ margin-right:10px !important}
.content_box .mar_left10{ margin-left:10px !important}
.content_box .mar_left20{ margin-left:20px !important}
.content_box .mar_left30{ margin-left:30px !important}
.content_box .mar_left40{ margin-left:40px !important}
.content_box .mar_top0{ margin:0px !important}
.content_box .mar_top10{ margin-top:10px !important}
.content_box .mar_top15{ margin-top:15px !important}
.content_box .mar_top20{ margin-top:60px !important}
.content_box .mar_top20_2{ margin-top:20px !important}
.content_box .mar_top30{ margin-top:30px !important}
.content_box .mar_top40{ margin-top:60px !important}
.content_box .mar_top40_2{ margin-top:40px !important}
.content_box .mar_bottom5{ margin-bottom:5px !important}
.content_box .mar_bottom10{ margin-bottom:10px !important}
.content_box .mar_bottom20{ margin-bottom:20px !important}
.content_box .mar_bottom30{ margin-bottom:30px !important}
.content_box .mar_bottom0{ margin-bottom:0px !important}
.content_box .mar0{ margin-top:0px !important; margin-bottom:0px !important}

.content_box .pad_left20{ padding-left:20px !important}
.content_box .pad_top10{ padding-top:10px !important}
.content_box .pad_top20{ padding-top:20px !important}
.content_box .pad_top30{ padding-top:30px !important}
.content_box .pad_top40{ padding-top:40px !important}
.content_box .pad_bottom30{ padding-bottom:30px !important}
.content_box .pad_bottom0{ padding-bottom:0px !important}
.content_box .pad20{ padding:20px 0px !important}
.content_box .pad20_2{ padding:20px 20px !important}
.content_box .pad20_3{ padding:0px 20px !important}
.content_box .pad0{ padding:0px 0px !important}
.content_box .pad_right20{ padding:0px 20px 0px 0px!important}

.border_line{ border:1px solid #ddd}
.border_line2{ border:1px solid #aaa}
.no_border{ border:none !important}
.border_bottom{ border-bottom:1px solid #eee}
.border_bottom2{ border-bottom:2px solid #bbb}


.clear2 {clear:both; display:block}

.content_box h4 { position:relative; clear:both; background:url(/user/default/image/sub/icon01.gif) 0px 13px no-repeat; padding:5px 0px 0px 20px; font-size:18px; color:#333; font-weight:600; margin:5px 0px}
.content_box h4.nopadding { position:relative; clear:both; background:url(/user/default/image/sub/icon01.gif) 0px 13px no-repeat; padding:5px 0px 0px 20px; font-size:18px; color:#333; font-weight:600; }
.content_box .title01{position:relative; clear:both; color:#00549d; font-weight:700; font-size:16px; padding:5px 5px 5px 0px; }
.content_box .title02{ position:relative; float:left; clear:both; background:#2f7595; padding:1px 10px; color:#fff; font-weight:600; font-size:15px; margin:15px 0px 5px 0px }
.content_box .title02.bg{background:#08457d}
.content_box .title03 { position:relative; clear:both; background:url(/user/default/image/sub/icon04.gif) 0px 14px no-repeat; padding:5px 0px 5px 20px; font-size:18px; color:#333; font-weight:600; margin:15px 0px 0px 0px}
.content_box .title04 { position:relative; clear:both; background:url(/user/default/image/sub/icon04.gif) 0px 12px no-repeat; padding:5px 0px 5px 20px; font-size:15px; color:#333; font-weight:600; margin:15px 0px 0px 0px; letter-spacing:-0.02em}
.content_box .title05 { position:relative; clear:both; background:url(/user/default/image/sub/icon07.gif) 0px 14px no-repeat; padding:5px 0px 5px 20px; font-size:20px; color:#35a1b4; font-weight:600; margin:15px 0px 0px 0px}
.content_box .title05_2 { position:relative; clear:both; background:url(/user/default/image/sub/icon09.gif) 0px 14px no-repeat; padding:5px 0px 5px 20px; font-size:18px; color:#245091; font-weight:600; margin:15px 0px 0px 0px}
.content_box .title06 { position:relative; clear:both; color:#000; font-weight:700; font-size:20px; padding:3px 0px 3px 0px; background:none }
.content_box .title07 { position:relative; clear:both; background:url(/user/default/image/sub/icon04.gif) 0px 14px no-repeat; padding:5px 0px 5px 20px; margin:15px 0px 0px 0px}
.content_box ul.dot01{margin:10px 0px 20px 0px}
.content_box ul.dot01 li{ position:relative; clear:both; padding:5px 5px 5px 10px; color:#444;  background:url(/user/default/image/sub/icon02.gif) 0px 17px no-repeat; line-height:28px}
.content_box ul.dot02{margin:10px 0px 40px 0px}
.content_box ul.dot02 li{ position:relative; clear:both; padding:0px 5px 0px 10px; color:#444;  background:url(/user/default/image/sub/icon03.gif) 0px 12px no-repeat; line-height:28px}
.content_box .dot03{ padding:0px 5px 5px 20px !important; color:#444;  background:url(/user/default/image/sub/icon06.gif) 0px 3px no-repeat;line-height:15px; font-size:14px}
.content_box ul.dot04{margin:10px 0px 40px 0px}
.content_box ul.dot04 li{ position:relative; clear:both; padding:0px 5px 0px 10px; color:#229acc;  background:url(/user/default/image/sub/icon08.gif) 0px 13px no-repeat; line-height:28px}
.content_box ul.dot05{margin:0;}
.content_box ul.dot05 li{ position:relative; clear:both; padding:0px 0px 0px 10px; background:url(/user/default/image/sub/icon03.gif) 0px 12px no-repeat; line-height:28px; text-align:left;}
.content_box ul.list_num01{margin:10px 0px 40px 0px}
.content_box ul.list_num01 li{ position:relative; clear:both; padding:0px 5px 5px 5px; color:#444;  line-height:25px; list-style-type:decimal !important; margin-left:20px;}
.content_box ul.list_num02{margin:10px 0px 0px 0px;}
.content_box ul.list_num02 li{position:relative; clear:both; padding:0px 5px 5px 5px; line-height:25px; list-style-type:decimal !important; margin-left:25px;}


.content_box .con_box{ position:relative; padding:0px; clear:both; margin:5px 0px 15px 0px; overflow:hidden}
.content_box .line_box{ position:relative; padding:25px; clear:both; border:1px solid #e3e3e3; margin:10px 0px; overflow:hidden}
.content_box .line_box2{ position:relative; padding:25px; clear:both; border:2px solid #c8deee; margin:10px 0px; overflow:hidden}
.content_box .line_box3{ position:relative; clear:both; border:7px solid #f5f5f5; margin:10px 0px; overflow:hidden}
.content_box .line_box4{ position:relative; padding:25px; clear:both; border:7px solid #51a1c6; margin:10px 0px; overflow:hidden}
.content_box .line_box5{ position:relative; clear:both; border:7px solid #91caeb; margin:10px 0px; overflow:hidden}
.content_box .gray_box{ position:relative; padding:25px; clear:both; background:#f1f1f1; border:1px solid #e3e3e3; margin:10px 0px; overflow:hidden}
.content_box .gray_box2{ position:relative; padding:25px; clear:both; background:#f1f1f1;  margin:10px 0px; overflow:hidden}
.content_box .sky_box{ position:relative; padding:20px 20px 50px 20px; background:#eaf2f8; border:1px solid #e3e3e3; margin:10px 0px; overflow:hidden}


.point01 { color:#555; font-size:15px; font-weight:600;}
.point02 { color:#4284a6; font-size:15px; font-weight:600;}
.point03 { color:#3a87aa; font-size:15px; font-weight:600;}
.point04 { color:#e5721f; font-size:15px; font-weight:600;}
.point05 { color:#000; font-size:15px; font-weight:600;}
.point06 { color:#2d5dc7; font-size:15px; font-weight:600;}
.point07 { color:#cb2660; font-size:15px; font-weight:600;}
.point08 { color:#018b2f; font-weight:600;}
.point09 { color:#d1d1d1; font-weight:800;}
.point10 { color:#2f587d; font-weight:600;}
.point11 { color:#60807d; font-weight:600;}
.point12 { color:#222; font-size:32px; font-weight:bold;}
.point13 { color:#f2e80c; font-size:12px; font-weight:600;}



.point01_normal { color:#666666;}
.point02_normal { color:#4284a6;}
.point03_normal { color:#3a87aa;}
.point04_normal { color:#e5721f;}
.point05_normal { color:#333;}
.point06_normal { color:#2d5dc7;}
.point07_normal { color:#229acc;}
.point08_normal { color:#cb2660 !important; }
.point11_normal { color:#60807d;}
.point12_normal { color:#fff;}
.point13_normal { color:#e10000 !important;}




.lineheight17 {line-height:17px !important; }
.lineheight20 {line-height:20px !important; }
.lineheight25 {line-height:25px !important; }
.lineheight35 {line-height:35px !important; }
.lineheight45 {line-height:45px !important; }
.lineheight55 {line-height:45px !important; }
.lineheight65 {line-height:45px !important; }
.font_bold {font-weight:600;}
.t_center { text-align:center}
.t_left { text-align:left}
.t_right { text-align:right}

.font_size13 { font-size:13px !important; line-height:20px !important}
.font_size14 { font-size:14px !important; line-height:22px !important}
.font_size16 { font-size:16px !important; line-height:30px !important}
.font_size20 { font-size:20px !important; line-height:25px !important; letter-spacing:-0.08em}
.font_size25 { font-size:25px !important; line-height:35px !important; letter-spacing:-0.08em}
.font_size30 { font-size:30px !important; line-height:40px !important; letter-spacing:-0.08em}
.font_size35 { font-size:35px !important; line-height:45px !important; letter-spacing:-0.08em}
.font_size45 { font-size:45px !important;  line-height:50px !important; letter-spacing:-0.08em}

.num01 { color:#d1d1d1; font-size:30px; font-weight:800;}
.num02 { color:#faa669; font-size:30px; font-weight:800;}
.num03 { color:#00549d; font-size:30px; font-weight:800;}

.content_box p{ margin:0px 3px 0px 3px; clear:both }
.content_box img{ margin-top:5px; }
.img_align { vertical-align:left; margin:10px 10px}
.float_left {float:left; margin:0px 15px 10px 0px; overflow:hidden }
.float_left2 {float:left; margin:20px 15px 10px 0px; overflow:hidden }
.float_left3 {float:left; margin:0px 15px 5px 0px; overflow:hidden }
.align_left {float:left;}
.align_right {float:right;}
.Myeongjo { font-family:Nanum Myeongjo, NanumMyeongjo, '나눔명조'}
.width30 {float:left !important;  width:31%; clear:none !important;}

.text_num_box{ position:relative; padding:5px 7px; background:#18769a; color:#fff; font-weight:600; margin-right:3px; font-size:16px;}
.text_title_box{ position:relative; padding:5px 7px; background:#7d7d7d; color:#fff; font-weight:600; font-size:16px;}

.table_border_top { border-top:4px solid #1d96b5 !important; border-left:4px solid #1d96b5 !important; border-right:4px solid #1d96b5 !important}
.table_border_center { border-left:4px solid #1d96b5 !important; border-right:4px solid #1d96b5 !important}
.table_border_bottom { border-left:4px solid #1d96b5 !important; border-bottom:4px solid #1d96b5 !important; border-right:4px solid #1d96b5 !important}

/* 타이틀 */
.title100 { width:75px; float:left; padding:5px 0px; }
.title_right { width:650px;  float:left; padding:5px 0px;}

.title50 { width:50px; float:left; padding:0px 0px; }
.title40 { width:40px; float:left; padding:0px 0px; }
.title_right2 { width:700px;  float:left; padding:10px 0px;}
.title_right3 {width:433px;  float:left; padding:5px 0px;}
.title_right4 {width:400px;  float:left; padding:5px 0px;}


 /* 기본테이블 디자인 */
.table_design {width:100%;line-height:1.5;color:#444; border-top:2px solid #537da4; border-bottom:1px solid #d9d9d9;border-collapse:collapse;  margin:10px 0px; }
.table_design th, .table_design td {border-top:1px solid #d9d9d9;padding:9px 15px 7px 15px;line-height:27px; font-size:13px;}
.table_design th[scope="col"] {border-right:0 none;background-color:#dfe5ec;color:#333;padding:5px 15px 3px 15px; text-align:center; empty-cell:show}
.table_design th + th {border-left:1px solid #d1d1d1;}
.table_design td + td {border-left:1px solid #d1d1d1;}
.table_design th {border-right:1px solid #d9d9d9;padding-left:13px;}
.table_design .border_top {border-top:2px solid #537da4;}

.table_design_02 {width:100%; line-height:1.5; color:#444; border-bottom:1px solid #d9d9d9; border-collapse:collapse;  margin:10px 0px; }
.table_design_02 th, .table_design_02 td {border-top:1px solid #d9d9d9; padding:9px 15px 7px 15px; line-height:27px; font-size:13px; text-align:center;}
.table_design_02 th[scope="col"] {border-right:0 none; padding:5px 15px 3px 15px; text-align:center; empty-cell:show}
.table_design_02 th + th {border-left:1px solid #d1d1d1;}
.table_design_02 td + td {border-left:1px solid #d1d1d1;}
.table_design_02 th {border-right:1px solid #d9d9d9; padding-left:13px; border-top:0 none;}
.table_design_02 .border_top_02 {border-top:2px solid #537da4;}
.table_design_02 .table_bg_01 {background-color:#0e6eb8;}
.table_design_02 .table_bg_02 {background-color:#4e6875;}
.table_design_02 .table_bg_03 {background-color:#55899e;}
.table_design_02 .table_bg_04 {background-color:#f4f4f4;}



/* 상담게시판 댓글이미지 */
.replyContent {margin-top:15px;}


/* 탭디자인 */
ul.tab_design { position:relative; margin-bottom:15px; overflow:hidden}
ul.tab_design li{ float:left; padding:0px 0px; margin:0px 8px 5px 0px; }
ul.tab_design .off{ border:1px solid #70b0e7; background:#fff; display:block; text-align:center; color:#227cca; font-weight:600; }
ul.tab_design .off A{ display:block; color:#227cca; font-size:14px; padding:6px 10px;}
ul.tab_design .on{ border:1px solid #1870bd; background:#1870bd;  display:block;text-align:center; color:#fff; font-weight:600}
ul.tab_design .on A{ display:block; color:#fff; padding:6px 15px; font-size:14px}

/* 탭디자인 */
ul.tab_design2 { position:relative; margin-bottom:0px; overflow:hidden; border-bottom:2px solid #bcd6e2;}
ul.tab_design2 li{ float:left; padding:0px 0px; margin:0px 7px 0px 0px;  }
ul.tab_design2 .off{ border:1px solid #83a5b9; border-bottom:0px solid #83a5b9; background:#fff; display:block; text-align:center;  font-weight:600; }
ul.tab_design2 .off A{ display:block; color:#83a5b9; font-size:14px; padding:6px 10px;}
ul.tab_design2 .on{ border:1px solid #83a5b9; border-bottom:0px solid #83a5b9; background:#48a8c0;  display:block;text-align:center; color:#fff; font-weight:600}
ul.tab_design2 .on A{ display:block; color:#fff; padding:6px 15px; font-size:14px}


/* 탭디자인 */
ul.tab_design3 { position:relative; margin-bottom:30px; overflow:hidden; border-left:1px solid #00549e;border-top:1px solid #00549e; }
ul.tab_design3 li{ float:left; padding:0px 0px; width:25%;  line-height:18px }
ul.tab_design3 .off{ background:#6288bb; display:block; }
ul.tab_design3 .off A{ display:block; color:#fff; font-size:15px; padding:8px 0px;font-weight:600; text-align:center; letter-spacing:-0.1em;}
ul.tab_design3 .on{  background:#00549e;  display:block; }
ul.tab_design3 .on A{ display:block; color:#fff; padding:8px 0px; font-size:15px;   text-align:center; font-weight:600;  letter-spacing:-0.1em;}
ul.tab_design3 A {  border-bottom:1px solid #00549e;  border-right:1px solid #00549e;}


/* 시력교정가능테스트기 */
.test_comment { text-align:center; margin:20px 0px; position:relative; }
.test_lasik { background:url(/user/default/image/sub02/test_bg2.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border:5px solid #c2c2c2; text-align:center; color:#777; margin-bottom:50px; height:495px}
.test_lasik .step{ background:url(/user/default/image/sub02/test_step.png) no-repeat; width:156px; height:34px; text-align:center; color:#FFF; font-size:18px; font-weight:700; margin-top:40px; margin-bottom:50px; margin-left:auto; margin-right:auto;  padding-top:6px; overflow:hidden}
.test_lasik .question {margin:50px auto 0px auto; font-size:26px; font-weight:600; line-height:45px; padding:0px 30px; height:100px }
.test_lasik .result {margin:50px auto; font-size:18px; font-weight:600; line-height:30px; padding:0px 30px}
.color_black { color:#000}
.test_lasik .btn {margin:70px auto; }
.test_lasik .btn img{ margin:10px 15px}


/* 원장소개 */
.profile_box { margin:auto; overflow:hidden} /*position:relative*/
.profile_list { float:left; overflow:hidden; margin-bottom:30px;margin-left:10px; margin-right:10px; border:1px solid #dfdfdf; padding:5px; text-align:center;}
.profile_list img{border:1px solid #dfdfdf;}
.profile_list dt{ color:#000; font-size:16px; font-weight:600; padding:15px 0px}
.profile_list dd{ color:#666; font-size:12px; padding:0px 0px 15px 0px; margin:0px}
.profile_list p{   width:100%; text-align:center; display:block;  }
.profile_list p a{ color:#fff;  padding-top:5px; padding-bottom:5px; font-weight:600;font-size:12px; width:100%;  display:block; background:#777;}

.profile_popup { overflow:hidden; border:1px solid #dfdfdf;  background:#fff; width:99.5%; height:99.7%}
.profile_popup .box {padding:24px; text-align:center}
.profile_popup img{border:1px solid #dfdfdf;}
.profile_popup h3{ color:#fff; background:#3660a7; font-weight:600; font-size:20px; padding:10px 10px }
.profile_popup table{ width:100%; margin-bottom:20px}
.profile_popup th{ color:#3660a7; font-weight:600; font-size:13px; width:30px; padding:15px 3px; border-top:1px solid #efefef; letter-spacing:-0.07em}
.profile_popup td{ color:#777; font-size:13px; padding:15px 0px 15px 3px; border-top:1px solid #efefef; text-align:left; letter-spacing:-0.1em; line-height:18px}



 /* 병원소개 */
.intro { background:url(/user/default/image/sub01/img0101.jpg) top right no-repeat; height:223px}
.intro_60 { width:62%; letter-spacing:-0.1em; font-size:20px; line-height:35px}

 /* 연혁 */
.histroy {position:relative; line-height:150%;}
.histroy .years {position:relative;  float:left;  background:url(/user/default/image/sub01/img0102.jpg) 0px 50px no-repeat;  color:#3a7ad1; font-weight:600; font-size:30px; height:600px; padding-top:15px; width:199px}
.histroy .con {position:relative; width:560px; float:left;  border-left:1px solid #e9e9e9}
.histroy .con th { color:#5888ca; font-size:15px; font-weight:bold; text-align:left; width:100px !important; padding:10px 10px 10px 30px}
.histroy .con td { color:#888; font-size:14px; text-align:left; padding:10px 10px 10px 10px; width:auto !important; }

 /* 미션과 비전 */
.titit_comment { color:#666; font-size:12px; font-weight:normal;}

.box_left {float:left; width:45%;}
.box_right {float:right; width:45%;}

.box_left2 {float:left; width:48%; overflow:hidden; position:relative}
.box_right2 {float:right; width:48%;  overflow:hidden; position:relative} 

.box_left3 {float:left; width:43%; overflow:hidden; position:relative; height:110px; letter-spacing:-0.04em}
.box_right3 {float:right; width:43%;  overflow:hidden; position:relative; height:110px;  letter-spacing:-0.04em} 

.box_left4 {float:left; width:53%; overflow:hidden; position:relative}
.box_right4 {float:right; width:47%;  overflow:hidden; position:relative} 

.box_left5 {float:left; width:37%; overflow:hidden; position:relative;  letter-spacing:-0.04em}
.box_right5 {float:right; width:37%;  overflow:hidden; position:relative;  letter-spacing:-0.04em} 


dl.vision { position:relative; overflow:hidden; clear:both; padding:15px 0px; border-bottom:1px solid #eee}
dl.vision dt { width:40%; float:left; padding:0px 20px}
dl.vision dd { width:50%; float:right; position:relative; padding:5px 5px 5px 10px; color:#555;  background:url(/user/default/image/sub/icon02.gif) 0px 10px no-repeat; line-height:16px; }

.mission_title { position:relative; background:url(/user/default/image/sub01/img02_bg.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:231px;}
.mission_title .tit{ position:absolute; left:0px; top:131px}


 /* 협력업체 */
.partner_title { position:relative; background:url(/user/default/image/sub01/img0401.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:231px;}
.partner_title .tit{ position:absolute; left:0px; top:131px}

ul.partner { position:relative; overflow:hidden; }
ul.partner li{ margin:10px 10px !important;  border:1px solid #ddd; float:left; vertical-align:middle; padding:0px; overflow:hidden}
ul.partner li img{width:165px; padding:0px !important; margin:0px !important }

ul.partner2 { position:relative; overflow:hidden; }
ul.partner2 li{ margin:10px 0.8%; width:18%; float:left;  }
ul.partner2 li img{border:1px solid #ddd; width:99%}
ul.partner2 li p{display:block; padding:10px 0px 0px 0px; text-align:center; height:25px; line-height:16px !important; letter-spacing:-0.05em; font-size:12px}
ul.partner2 li.border{border:1px solid #ddd; padding:20px 0px; text-align:center}


 /* 인증패 */
.certificate_title { position:relative; background:url(/user/default/image/sub01/img0300.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:231px;}
.certificate_title .tit{ position:absolute; left:0px; top:131px}

 /* 진료안내 */
.small_photo {position:relative; width:210px; float:left; padding:5px 0px;margin:10px 0px }
.small_text { position:relative;float:left;width:70%;  padding:5px 0px; margin:10px 0px}
.small_text p{ margin:0px 10px; line-height:25px}
.small_photo2 {position:relative; width:140px; float:left; padding:5px 0px; margin:5px 0px}
.small_text2 {position:relative; float:left; width:560px;  padding:0px 0px;margin:5px 0px}
.small_text2 p{ margin:0px 10px; line-height:25px}
.small_text3 {position:relative;float:left;width:90%;  padding:5px 25px; margin:10px 0px}
.small_text3 th { text-align:right; width:100px;padding:1px 10px 1px 15px; vertical-align:top }
.small_text3 th span{ color:#444; font-size:13px; font-weight:bold;  width:100px; background:url(/user/default/image/sub/icon02.gif) 0px 7px no-repeat; padding-left:10px}
.small_text3 td {font-size:14px;}

.time_guide {background:url(/user/default/image/sub01/img06_02_2.jpg) left top no-repeat; text-align:right;}
.time_guide table {  width:50%; margin-top:25px; line-height:25px;}
.time_guide th { text-align:right; width:100px;padding:1px 10px 1px 15px; vertical-align:top }
.time_guide th span{ color:#444; font-size:13px; font-weight:bold;  width:100px; background:url(/user/default/image/sub/icon02.gif) 0px 7px no-repeat; padding-left:10px}
.time_guide td { color:#444; font-size:13px; text-align:left; padding:1px 10px 1px 0px; }





 /* 장비안내 */
.big_photo {position:relative; width:260px; float:left; padding:5px 0px; margin:10px 0px }
.big_text {position:relative; float:left; width:60%; padding:5px 0px 5px 5px; color:#444; margin:10px 0px}
.big_text p{ margin:0px 10px 0px 0px; line-height:25px; clear:both}

.big_photo2 { position:relative;width:260px; float:left; padding:5px 0px;  margin:10px 0px}
.big_text2 { position:relative;float:left; width:420px; padding:5px 5px; color:#444;  margin:10px 0px}
.big_text2 p{ margin:0px 10px 0px 0px; line-height:25px}

.big_photo3 { position:relative;width:260px; float:left; padding:5px 0px;  margin:10px 0px}
.big_text3 { position:relative;float:left; width:400px; padding:5px 5px; color:#444;  margin:10px 0px}
.big_text3 p{ margin:0px 10px 0px 0px; line-height:25px}

/* 컨투라비젼*/
.countra_photo {position:relative; width:335px; float:left; padding:5px 0px; margin:10px 0px }
.countra_photo02 {position:relative; width:354px; float:left; padding:5px 0px; margin:10px 0px }
.countra_title_text {position:relative; font-weight:bold; font-size:13;}


 /* 영상으로 보는 밝은안과21 */
.movie21 { position:relative;}

ul.movie21_list { position:relative; overflow:hidden; }
ul.movie21_list li{ margin:10px 9px;  border:1px solid #ddd; float:left}
ul.movie21_list li img{width:230px; margin:0px !important}

/* 찾아오시는길 */
.text_blue_box{ padding:3px 5px; background:#395cb3; color:#fff; font-weight:600}
.text_green_box{ padding:3px 5px; background:#50a332; color:#fff; font-weight:600}
.text_red_box{ padding:3px 5px; background:#df121a; color:#fff; font-weight:600}
.text_yellow_box{ padding:3px 5px; background:#2188c9; color:#fff; font-weight:600}
.text_orange_box{ padding:3px 5px; background:#e26d24; color:#fff; font-weight:600}

/* 시력교정체험기 베스트 
#recentSC1 { float:none !important; position:relative; overflow:hidden; border:1px solid #dbdbdb; border-top:2px solid #2366c0; background:url(/user/default/image/sub03/box_bg.jpg) top repeat-x; padding:20px 20px}
#recentSC1 .recentHeader {float:none !important; border:0px solid #d2d2d2; background:none; overflow:hidden; text-align:center; margin:0 auto }
#recentSC1 .recentHeader .recentHeaderBorder {width:100%; text-align:center; overflow:hidden;}
#recentSC1 .recentHeader .recentHeaderBorder p {padding:5px 5px 0 0;  }
#recentSC1 .recentHeader .recentHeaderBorder h3 {width:100%; padding:25px 0px 10px 2px; font-weight:bold; font-size:20px; background:none; border-bottom:0px solid #9d692c; color:#2366c0; font-weight:700; }

#recentSC1 .recentThumb {margin:0 auto 20px auto; overflow:hidden; line-height:25px}
#recentSC1 .recentThumb .cell {position:relative; float:left; overflow:hidden;  text-align:center}
#recentSC1 .recentThumb .cell .thumbNail {border:1px solid #d2d2d2; margin-left:auto; margin-right:auto}
#recentSC1 .recentThumb .cell .thumbNail_on {border:1px solid #91c1eb; margin-left:auto; margin-right:auto}
#recentSC1 .recentThumb .cell .icon {position:absolute; top:1px; left:1px}
#recentSC1 .recentThumb .cell .icon * {vertical-align:middle}
#recentSC1 .recentThumb .cell .title {margin-top:3px; font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center}
#recentSC1 .recentThumb .cell .title a {color:#444; text-decoration:none; overflow:hidden}
#recentSC1 .recentThumb .cell .title a:visited {color:#777; text-decoration:none; overflow:hidden}
#recentSC1 .recentThumb .cell .title img {vertical-align:middle; margin:0 1px}
#recentSC1 .recentThumb .cell .nameAndDate {font-size:12px; font-weight:normal; color:#999; text-align:center; overflow:hidden}
#recentSC1 .recentThumb .cell .nameAndDate .date {font:12px Tahoma; color:#999; text-align:center}
#recentSC1 .recentThumb .cell .nameAndDate .author {text-align:center}
#recentSC1 .recentThumb .cell .nameAndDate .author .replyCount {margin-left:.2em; font:bold .9em Tahoma; color:#91c1eb; text-align:center}

#recentSC1 #docNo6 {display:none;}
*/
/* 시력교정체험기 베스트 새디자인 */
#recentLayerdSC2.recentLayerd {  width:99.7% !important; border:1px solid #d3d3d3; border-right:1px solid #d3d3d3; overflow:hidden }
#recentLayerdSC2.recentLayerd h4{ position:relative; background:url(/user/default/image/main/title_bg.jpg) repeat-x; font-size:12px; font-weight:bold; border-bottom:1px solid #d6d6d6;  color:#000; padding:10px 10px}
#recentLayerdSC2.recentLayerd .box { position:relative;float:left; padding-left:2px; }
#recentLayerdSC2.recentLayerd .big{ position:relative; margin:10px 5px 20px 5px;}
#recentLayerdSC2.recentLayerd .big img { border:1px solid #aaa}
#recentLayerdSC2.recentLayerd .big .icon {position:absolute; background:url(/user/default/image/icon/icon_best.png) no-repeat left top; top:-4px; left:115px; width:52px; height:48px;}
#recentLayerdSC2.recentLayerd .big .black { position:absolute; background:#000; filter:alpha(opacity=75); opacity:0.75; -moz-opacity:0.75; left:1px; top:102px; width:166px; height:18px; padding:2px 2px 7px 2px; overflow:hidden; word-break:nowrap;}
#recentLayerdSC2.recentLayerd .big .black A{  line-height:180%; word-break:nowrap; }
#recentLayerdSC2.recentLayerd .big .black h6{ color:#fff; font-weight:bold;font-size:14px; font-weight:bold;}
#recentLayerdSC2.recentLayerd .big .black dt{color:#f9cf87; font-size:11px; float:left; letter-spacing:-0.1em; word-break:nowrap;}
#recentLayerdSC2.recentLayerd .big .black dd{color:#fff; font-size:11px; float:left; letter-spacing:-0.1em; margin-right:5px; word-break:nowrap; }

.hugi_title { position:relative; color:#fff; background:#5a5a5a; text-align:center; padding:10px 10px; font-size:16px; border:1px solid #d3d3d3; border-bottom:none; font-weight:600}
.hugi_title span{color:#f9cf87}


/* 노안센터 */
.noan_gray_box { background:#f0f0f0; margin-bottom:2px; overflow:hidden; padding:10px; color:#555}

/* 백내장 자주하는 질문 */
dl.qna0506 {border-top:2px solid #537da4; overflow:hidden}
dl.qna0506 dt{overflow:hidden; padding:10px 15px 15px 35px; color:#333; font-size:16px; font-weight:600; background:url(/user/default/image/sub05/icon_Q.gif) 0px 10px no-repeat; margin:15px 20px 5px 20px}
dl.qna0506 dd{border-bottom:1px solid #eee; overflow:hidden; padding:5px 15px 20px 35px; background:url(/user/default/image/sub05/icon_A.gif) 0px 5px no-repeat;  margin:0px 20px}

/* 밝은안과21만의 강점 */
.eye21 { border:1px solid #ddd; background:#fff url(/user/default/image/sub02/img01_bg.jpg) top repeat-x; padding:20px 50px; font-size:16px; font-weight:600; text-align:center}
.eye21 li{ border-bottom:1px dotted #ddd; padding:40px 0px}

/* 평생책임보장제도 */
dl.lifetime dt{ color:#fff; font-size:20px; font-weight:600; padding:10px 5px}
dl.lifetime dd{ font-size:16px; font-weight:600; line-height:35px; padding:40px; color:#555;  background:url(/user/default/image/sub02/img0210_bg.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
dl.lifetime .bg01{ background:url(/user/default/image/sub02/img0210_titlebg01.jpg)  center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
dl.lifetime .bg02{ background:url(/user/default/image/sub02/img0210_titlebg02.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
dl.lifetime .icon{ background:url(/user/default/image/sub02/img10_icon.png) 7px 10px no-repeat; padding:10px 35px }

/* 클린시스템 */
.clean { background:url(/user/default/image/sub02/img11_bg.jpg); border:5px solid #c0e3f7;  padding:40px 40px; font-size:20px; font-weight:600; color:#000; }
.clean p{ line-height:35px !important}


/* 종합검진센터 */
.eye_exam_title { position:relative; background:url(/user/default/image/sub11/img01_bg.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:231px;}
.eye_exam_title .tit{ position:absolute; left:0px; top:131px}




/* 자주하는질문 베스트 */
#recentSC7 {position:relative; background:#fff;  overflow:hidden;}
#recentSC7 h3 {padding:0px 0px}
#recentSC7 .recentBody {overflow:hidden; color:#999; font-size:14px; padding:0px 0px}

ul#docRecentSC7 { position:relative; border-top:2px solid #48a8c0; border-bottom:0px solid #48a8c0; background:#e9e9e9; overflow:hidden}
ul#docRecentSC7 li{border-bottom:0px solid #91c1eb;width:100%; float:left; padding:8px 0px; font-size:13px;overflow:hidden }
ul#docRecentSC7 li A{ color:#000; margin:0px 5px; overflow:hidden }
ul#docRecentSC7 .no {color:#48a8c0; font-weight:600; font-size:18px; margin-right:10px; margin-left:15px}
ul#docRecentSC7 p {color:#333;  font-size:13px; margin:15px 30px 15px 50px; line-height:22px; overflow:hidden; width:auto }
ul#docRecentSC7 li.off { display:none;   }
ul#docRecentSC7 li.over { background:#fff;  overflow:hidden; height:auto  }

#tabSC7.tabRecent {position:relative; overflow:hidden}
#tabSC7.tabRecent img {vertical-align:middle}
#tabSC7.tabRecent .tabBox {position:relative; width:100%; height:30px; border-bottom:0px solid #91c1eb; text-align:center}
#tabSC7.tabRecent .tab {position:relative; top:0px; border:1px solid #83a5b9; margin-right:0px; float:left; cursor:pointer; background:#fff}
#tabSC7.tabRecent .tab p {float:left; height:26px; border-bottom:3px solid #fff; text-align:center}
#tabSC7.tabRecent .tab p a {color:#333; padding:7px 30px 15px 30px; display:block; font-weight:700; font-size:14px}
#tabSC7.tabRecent .on {position:relative; top:0px; height:27px; border:0px solid #48a8c0; margin-right:0px; float:left; cursor:pointer; background:#48a8c0}
#tabSC7.tabRecent .on p {float:left; height:27px; border-bottom:4px solid #48a8c0; text-align:center}
#tabSC7.tabRecent .on p a {color:#fff; font-weight:bold; padding:7px 30px 15px 30px; display:block;  font-weight:700; font-size:14px}


#recentSC8 {position:relative; background:#fff;  overflow:hidden;}
#recentSC8 h3 {padding:0px 0px}
#recentSC8 .recentBody {overflow:hidden; color:#999; font-size:14px; padding:0px 0px}

ul#docRecentSC8 { position:relative; border-top:2px solid #48a8c0; border-bottom:0px solid #48a8c0; background:#e9e9e9; overflow:hidden}
ul#docRecentSC8 li{border-bottom:0px solid #91c1eb;width:100%; float:left; padding:8px 0px; font-size:13px; overflow:hidden  }
ul#docRecentSC8 li A{ color:#000; margin:0px 5px}
ul#docRecentSC8 .no {color:#48a8c0; font-weight:600; font-size:18px; margin-right:10px; margin-left:15px}
ul#docRecentSC8 p {color:#333;  font-size:13px; margin:15px 30px 15px 50px; line-height:22px;  overflow:hidden }
ul#docRecentSC8 li.off { display:none; }
ul#docRecentSC8 li.over { background:#fff;  overflow:hidden; height:auto  }

#recentSC9 {position:relative; background:#fff;  overflow:hidden;}
#recentSC9 h3 {padding:0px 0px}
#recentSC9 .recentBody {overflow:hidden; color:#999; font-size:14px; padding:0px 0px}

ul#docRecentSC9 { position:relative; border-top:2px solid #48a8c0; border-bottom:0px solid #48a8c0; background:#e9e9e9; overflow:hidden}
ul#docRecentSC9 li{border-bottom:0px solid #91c1eb;width:100%; float:left; padding:8px 0px; font-size:13px; overflow:hidden  }
ul#docRecentSC9 li A{ color:#000; margin:0px 5px}
ul#docRecentSC9 .no {color:#48a8c0; font-weight:600; font-size:18px; margin-right:10px; margin-left:15px}
ul#docRecentSC9 p {color:#333;  font-size:13px; margin:15px 30px 15px 50px; line-height:22px;  overflow:hidden }
ul#docRecentSC9 li.off { display:none; }
ul#docRecentSC9 li.over { background:#fff;  overflow:hidden; height:auto  }
/* 타이틀 */
.title100 { width:75px; float:left; padding:5px 0px; }
.title_right { width:650px;  float:left; padding:5px 0px;}

.title50 { width:50px; float:left; padding:0px 0px; }
.title_right2 { width:700px;  float:left; padding:10px 0px;}
.title_right3 {width:433px;  float:left; padding:5px 0px;}


/* 약도전송 */
.mobile_box { position:relative; background:#fff; padding:15px}
.mobile_map { position:relative; border:1px solid #000; width:312px; padding-bottom:20px; background:#fff; }
.mobile_map .maptitle{position:relative; background:#1169c0; border-bottom:1px solid #000; padding:7px 5px;}
.mobile_map .map{ position:relative;border-bottom:1px solid #000}
.mobile_map .box{ position:relative; padding-top:20px}
.mobile_map .box .black{ color:#000;}
.mobile_map .box .gray{ color:#888;}
.mobile_map .box p{ position:relative; overflow:hidden; font-size:14px; padding:15px 30px 15px 30px}
.mobile_map .box input{ width:100px; height:18px;}
.mobile_map .box .font12{ font-size:12px;}
.mobile_map #mobile02 {width:40px}
.mobile_map #mobile03 {width:40px}



 /* 비급여진료비용 테이블 */
.table_design_cost {width:100%; border-collapse:collapse; border-top:2px solid #537da4;}
.table_design_cost th, .table_design_cost td {padding:2px; line-height:25px; text-align:center; border:1px solid #d1d1d1;}
.table_design_cost th[scope="col"] {background-color:#dfe5ec; color:#333; font-size:13px; border:1px solid #d1d1d1;}
.table_design_cost td {color:#444; font-size:12px; border:1px solid #d1d1d1;}


/*스마일 라식*/
.big_text .font023_01 {font-size:14px;}
.big_text .font023_02 {color:#1b6975; font-size:17px; font-weight:600; letter-spacing:-1px;}
.big_text .style023_01 ul {padding:0; margin:0; color:#1b6975; font-size:16px; font-weight:600; letter-spacing:-0.5px;}
.big_text .style023_01 ul li{margin:7px 10px 0 0; padding:5px 30px; border:1px solid #1b6975; float:left;}
.font023_03 {color:#0048db; font-size:16px; font-weight:600;}
.font023_04 {font-size:30px; font-weight:800;}
.font023_05 {font-size:31px; color:#555; font-weight:600; padding-top:40px; padding-bottom:20px;}
.font023_06 {font-size:24px; color:#666; font-weight:600;}
.font023_07 { line-height:22px;letter-spacing:-0.8px;}
.font023_08 {font-size:31px; color:#ffa800; font-weight:600; letter-spacing:-1px; padding-top:40px; padding-bottom:20px;}
.title023 { position:relative; clear:both; background:url(/user/default/image/sub/icon07.gif) 0px 14px no-repeat; padding:5px 0px 5px 20px; font-size:18px; color:#35a1b4; font-weight:600; margin:15px 0px 0px 0px}
.pd023 {padding-top:30px;}
.style023_02 {width:95%; background-color:#c3d0d1; margin-top:100px; text-align:center; padding:15px;font-size:25px; font-weight:600;}
.style023_03 { margin-top:15px; padding:20px; background-color:#fff; font-size:16px; color:333; font-weight:600;}

.box023_left2 {float:left; width:42%; overflow:hidden; position:relative; background-color:#ebebeb; margin:0 10px; padding:22px 19px; }

.box023_right2 {float:right; width:42%;  overflow:hidden; position:relative; background-color:#ebebeb; margin:0 10px; padding:22px 19px 43px 19px; }

.content_box .con023_box{ position:relative; padding:0px; clear:both; margin:5px 0px 15px 0px; overflow:hidden}


.position_010601 {top:80%; float:right;}

/*비쥬 라식*/

.sub02_box { display:inline-block; background:#bee3e8; padding:15px 20px; text-align:center; margin:20px 0px}
h4.sub02_visu_title { display:inline-block; background:#c5def3 url(/user/default/image/sub02/img0224_img10.jpg) right center no-repeat; padding:0px 30px 0px 20px; color:#000; line-height:38px;}
.sub02_visu_box { position:relative; overflow:hidden; background:#e4ebec; padding:15px 20px; }
.sub02_visu_list li{ width:50%;float:left; }
.sub02_visu_list li span{display:block;  background:url(/user/default/image/sub02/img0224_img11.gif) left 15px no-repeat; padding:5px 0px 5px 20px; }

.sub02_visu_p_list { width:30%; margin:10px 1.5%; float:left;text-align:center;height:150px; }
.sub02_visu_p_list  span{display:block;  line-height:20px;}
.sub02_visu_p_list  img{margin-top:0px}



	/* 새 로그인 디자인 */
.new_login_box{ position:relative; padding:50px 0px; overflow:hidden;}
.new_login_box .center_box {position:relative; width:100%;margin:0 auto; overflow:hidden}
.new_login_box .form_box { position:relative; width:100%; margin:0 auto; overflow:hidden}
.new_login_box .form1 { float:left;width:70%; }
.new_login_box .form1 dd{ display:block; padding:0px 10px 7px 0px}
.new_login_box .loginbtn { float:left; width:30%; height:80px; background:#798292;  border:0px solid #d6d6d6; font-size:20px; text-align:center;COLOR:#fff !important; overflow:hidden;}
.new_login_box .login_input { width:95% !important; background:#fff; border:1px solid #d6d6d6; height:34px;font-size:13px; color:#444; padding:0px 5px; font-family: 'NanumGothic', 'Nanum Gothic'}
.new_login_box input { background:#fff; border:0px solid #d6d6d6; font-family: 'NanumGothic', 'Nanum Gothic'; font-weight:600}
.new_login_box p{padding:10px 0px 20px 0px;border-bottom:1px solid #eee; position:relative; clear:both; color:#666}
.new_login_box .text{padding:10px 0px;position:relative; clear:both; color:#666}
.new_login_box .join_btn span{color:#ccc; padding:0px 20px }
.new_login_box .join_btn {width:100%; margin-top:20px; text-align:center;}
.new_login_box .join_btn a{color:#666; padding:5px; text-align:center; font-size:13px;}



.contoura_table {width:100%;line-height:1.5;color:#444; border-collapse:collapse;  margin:10px 0px; }
.contoura_table td {border:1px solid #d9d9d9;padding:9px 15px; font-size:14px; color:#666} 
.contoura_table a{color:#000}
.contoura_table a:hover{text-decoration:underline;color:#000}




.blue_box{background:#3b89d1; margin:5% 8% 1% 8%; padding:4% 5%; color:#fff; text-align:center}

.con0406_step {position:relative; overflow:hidde}
.con0406_step .step{float:left; width:31.333%; margin-right:2%}
.con0406_step img{width:100%; margin:0}
.con0406_step .step.set{width:100%;}
.con0406_step .step .imgbox{position:relative; overflow:hidden}
.con0406_step .step.set .imgbox img{float:left; width:31.333%; margin-right:2%}
.con0406_step .step.set dl{margin-right:2%}
.con0406_step .step .imgbox .number{position:absolute; bottom:0; left:0; background:#08457d;  padding:3px 5px; color:#fff}
.con0406_step .step dl{position:relative; overflow:hidden; margin-top:-1px}
.con0406_step .step dt{background:#3b89d1; display:block; padding:5px 5px; text-align:center; color:#fff; font-weight:normal; font-size:15px}
.con0406_step .step dd{display:block; padding:5px 5px; height:80px; line-height:20px;}




.tit_040402 { position:relative; overflow:hidden; background:#24688b url(/user/default/image/sub04/img040401.png) no-repeat; background-position:center right; color:#fff; background-size:auto 90%; padding:5% 25% 5% 5%}
.tit_040402 h4{font-weight:bold; color:#fff; background:none; padding:10px 0px; font-size:30px;}
.tit_040402 span{display:inline-block;background:#fff; padding:0px 10px; color:#24688b; }
.tit_040402 p{display:block; padding:3px 0px;  }

.img30 {float:left; width:32%; margin:5px 0.6%}
.img30 dt{color:#000}

.f_right {float:right; width:300px; margin:0% 3%; color:#666; text-align:center}
.f_left {float:left;  width:200px; margin-right:3%; }




.dday {height:140px; background:#45659e url(/user/default/image/main/dday.jpg) center center no-repeat}
.dday .count {color:#ebae18; font-size:45px; font-family:Myriad Pro; font-weight:bold;  text-align:center; padding-top:70px; letter-spacing:-0.05em}
.dday a {background:#818181; border-radius:5px; font-size:14px; color:#fff; padding:3px 0;font-weight:bold;  display:block; margin:10px auto; width:80px; text-align:center; margin-top:16px}


/* 반응형 */
@media screen and (max-width: 1250px){
	body:before{content:'';position:fixed;top:0;right:0;bottom:0;left:0;background:url(/user/default/image/mobile_new_bg_02.jpg) 100% 100% no-repeat;background-size:cover}
	.main_layout_size:after{background-size:50%}
	.mainCopy01 img{margin:6em auto 1em;max-width:90%}
/*html, body {background:url(/user/default/image/mobile_new_bg_01.jpg)top center no-repeat; background-size:100% 100%;}*/

    .main_layout_size {width:660px;margin:0 auto;}
	.layout_size {width:85%; margin:0 auto}
	#containerSub {padding:0px !important;margin:0px !important; padding-top:86px !important;}
	#containerSub .snb {padding:0px; margin:0px; display:none}
	#quick_right2 {display:none}
	.main_small {width:155px; !important}
	#module {padding:30px 30px 30px 30px;}
	.img100_2 {width:100%}
	/* 연혁 */
	.histroy .con { border-left:0px solid #e9e9e9;width:100% }
	.histroy .con th {width:100px; padding:10px 10px 10px 10px}
	.histroy .con td {padding:10px 10px 10px 10px}
	.histroy .years {display:none}
	 /* 진료안내 */
	.small_text { width:70%; }
	.small_text2 { width:70%;}
	.big_text {  width:60%}
	.big_text2 {  width:100%}
	.title_right { width:80%;  float:left; padding:5px 0px;}
	.title_right2 { width:88%;  float:left; padding:10px 0px;}
	 /* 병원소개 */
	.box_left3 {float:left; width:40%; overflow:hidden; position:relative; height:120px; letter-spacing:-0.04em}
	.box_right3 {float:right; width:40%;  overflow:hidden; position:relative; height:120px;  letter-spacing:-0.04em} 
	/* 시력교정체험기 */
	#recentSC2 .recentThumb .cell {width:15%;padding-left:10px !important}
	#recentSC2 #docNo6 {display:block;}
	.title_right4 {width:350px;  float:left; padding:5px 0px;}
	

#mobile_view {display:block}

}

@media screen and (max-width:950px){

	.layout_size {width:100%; margin:0 auto}
	/* 시력교정체험기 */
	#recentSC2 .recentThumb .cell {width:auto;padding-left:20px !important}

	}


@media screen and (max-width:780px){

.mainCopy01 img{margin:6em auto 1em;}
.sub02_visu_p_list { width:47%; margin:10px 1.5%; float:left;text-align:center; }


.box023_left2 {float:none; width:100%;margin:10px 10px; padding:22px 19px;}

.box023_right2 {float:none; width:100%; margin:10px 10px; padding:22px 19px 43px 19px;}
.box023_left2 iframe{width:92% !important;}
.box023_right2 iframe{width:92% !important}

ul.tab_design3 li{ float:left; padding:0px 0px; width:50%}
ul.tab_design3 li a{font-size:15px !important}

#login_container {width:75%; margin:auto;}

#find_wrap .find_container .cell {float:none; width:80% !important;  height:auto !important; text-align:center; overflow:hidden; border:1px solid #efefef; border-top:3px solid #4d62b8; margin:20px auto !important; height:250px; padding:40px 20px !important; background:none !important}

ul.partner2 li{ margin:10px 0.8% 0px 0.8%; width:31%; float:left;  }


.con0406_step .step{float:left; width:48%; margin-right:2%}
.con0406_step .step.set .imgbox img{float:left; width:100%; margin-right:0%}
	}

@media screen and (max-width:660px){
/*html, body {background:url(/user/default/image/mobile_new_bg_02.jpg)top center no-repeat; background-size:100% auto;}*/

	
	.main_layout_size {width:320px; margin:0 auto}
	.layout_size {width:100%; margin:0 auto}
	.subMap {display:none}
	#pc {display:none}
	.mobile3 {display:none}
	#mobile2 {display:block}
	#module {padding:30px 15px 50px 10px;}
	.foot_copy_mobile{display:block}
	.foot_copy{display:none}
	.subHeader h3 {padding:10px 0px 10px 15px; font-size:20px;}
	.img100 {width:100% !important}
	.background_none{ background-image:none !important}
	.skin_mt1 {height:200px !important}
	/* 병원소개 */
	.intro {background:none; height:150px; height:inherit}
	.intro_60{width:100%; font-size:16px; line-height:25px }

	 /* 미션과 비전 */
	 .box_left {width:100%;}
	.box_right {width:100%;}
	 .box_left2 {width:100%;}
	.box_right2 {width:100%;}
	 .box_left4 {width:100%;}
	.box_right4 {width:100%;}
	.box_left5 {width:100%;}
	.box_right5 {width:100%;}
	dl.vision dt { width:100%;}
	dl.vision dd { width:100%; float:left; margin-left:25px}
	 /* 협력업체 */
	 ul.partner img{ width:145px !important;}
	 /* 영상으로 보는 */
	ul.movie21_list li img{width:150px !important;}
	 /* 진료안내 */
	.time_guide table {  width:100%; margin-top:12px; }
	.time_guide th {  width:70px; }
	.small_text { width:100%; }
	.small_text2 { width:100%;}
	.big_text {  width:100%}
	.big_text2 {  width:100%}
	.big_text3 {  width:100%}
	/* .float_left {float:none} */
	.content_box .line_box{ padding:15px;}
	.content_box .line_box2{ padding:15px;}
	.content_box .line_box3{ padding:15px;}
	.content_box .line_box4{ padding:15px;}
	.content_box .gray_box{ padding:15px;}
	.title_right { width:70%;  float:left; padding:5px 0px;}
	.title_right2 { width:83%;  float:left; padding:10px 0px;}
	 /* 병원소개 */
	.box_left3 {float:left; width:85%; overflow:hidden; position:relative; height:auto; letter-spacing:-0.04em}
	.box_right3 {float:left; width:85%;  overflow:hidden; position:relative; height:auto;  letter-spacing:-0.04em} 
	#recentSC2 .recentThumb .cell {width:auto;}
	 /* 시력교정가능테스트 */
	.test_lasik {height:400px; }
	.test_lasik .step{ margin-top:30px; margin-bottom:30px;}
	.test_lasik .question {font-size:20px; line-height:30px; height:100px;margin:20px auto 0px auto !important;  }
	.test_lasik .result {font-size:15px; line-height:20px;padding:0px 10px; margin:20px auto;}
	.test_lasik .btn {margin:20px auto 0px auto; }
	.test_lasik .btn img{width:90px}
	.width30 {float:none !important;  width:90%; clear:both !important;}
	 /* 뉴스게시판 */
	.docZine .box .link{ width:43%; margin-left:10px; }
	.docZine .box p{ display:none}
	.document .docRead .caseBox .docThumb {padding:3px 0px;}
	.document .docRead .caseBox .docThumb .cell {  padding:0px 0px !important; }
	 /* 모바일용 게시판 */
	#docListBasic {display:none !important}
	#docListMobile {display:block !important}
	.searchBox {display:none}
	.countBox {display:none}
	.content_box .mar_right40{ margin-right:0px !important}
	.float_left {clear:both !important; }
	.title_right3 {width:100%;  float:left; padding:5px 0px;}
	.title_right4 {width:80%;  float:left; padding:5px 0px;}

.box023_left2 iframe{width:88% !important;}
.box023_right2 iframe{width:88% !important}

}

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@media screen and (max-width:550px){

.sub02_visu_list li{ width:100%;float:left; }
.sub02_visu_p_list { width:100%; margin:10px 1.5%; float:left;text-align:center; }

.con0406_step .step{float:left; width:100%; margin-right:0%}
.con0406_step .step.set .imgbox img{float:left; width:100%; margin-right:0%}
.con0406_step .step dd{height:auto; margin-bottom:30px }

.tit_040402 {background-position:center right; color:#fff; background-size:auto 70%; padding:5% 25% 5% 5%}
.f_right {float:none; width:100%; margin:0px 0px 20px 0px}

}


.yakdo {overflow:hidden}
.yakdo_img {float:left; }
.yakdo_address p {text-align:center;}
.yakdo_address {padding-top:5%;}
.yakdo_btn {padding:3% 0 5% 0;}