@charset "utf-8";

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;}
body{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff;letter-spacing:-.25px;-webkit-text-size-adjust:none;word-break:keep-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,button{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;letter-spacing:-.25px;word-break:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:inherit;text-decoration:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:24px;padding:2px 5px 1px;border:1px solid #cfcfcf;line-height:24px;box-sizing:border-box;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #cfcfcf;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #cfcfcf;background:#fff;resize:none;}
select{max-width:100%;border:1px solid #cfcfcf;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Guide */
.wrapper{position:relative;width:1000px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}

/***************************************************** Reset *****************************************************/

.btn_wrap{position:relative;margin:15px 0 0;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 1px;vertical-align:middle;}

.btn_css{display:inline-block;background:#477acd;color:#fff;}
.btn_css span{display:block;position:relative;min-width:110px;padding:0 10px;line-height:40px;white-space:nowrap;}
.btn_css.gray{background:#b7b7b7;}

/* Font */
.t_point{color:#477acd;}
.t_point_title{color:#477acd;font-weight:bold;font-size:18px;}
.t_strong{color:#333;}

/* Align */
.al_middle{display:inline-block;vertical-align:middle;}

/* Box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;height:;}

/* Table */
.table_wrap{overflow:hidden;margin:0 -1px 0 0;}
.table_wrap .dtable{margin:0 0 0 -1px;border-right:0;}
.dtable{width:100%;border-top:1px solid #e6e6e9;border-right:1px solid #e6e6e9;}
.dtable th,
.dtable td{padding:8px 5px 7px;border-bottom:1px solid #e6e6e9;border-left:1px solid #e6e6e9;text-align:center;}
.dtable th,
.dtable td.th{background:#eaebee;font-weight:bold;color:#202020;}
.dtable.row th,
.dtable.row td,
.dtable .title{text-align:left;}
.dtable.row .th{text-align:center;}

.table_form{display:table;width:100%;border-collapse:collapse;border-spacing:0;}
.table_form .tr{display:table-row;}
.table_form .td{display:table-cell;vertical-align:middle;}
.table_form.v-top .td{vertical-align:top;}

.dtable_txt{position:relative;margin:0 0 15px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}

.dtable_desc{position:relative;margin:15px 0 0;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}
/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/


/* Layout */
#wrap{position:relative;min-width:1000px;}

/* Gnb */
#gnbMenu{position:absolute;right:0;top:152px;width:100%;height:48px;}
#gnbMenu:before{content:'';position:absolute;left:0;right:0;top:0;height:48px;background:#477acd;}
#gnbMenu .outer{position:relative;}
#gnbMenu .inner{display:table;table-layout:fixed;width:1000px;margin:0 auto;}
#gnb{display:table-row;}
#gnb > li{display:table-cell;text-align:center;}
#gnb > li > a{display:block;position:relative;height:48px;font-size:18px;line-height:44px;color:#fff;}
#gnb > li > a:before{content:'';position:absolute;left:0;top:50%;height:16px;margin:-8px 0 0;border-left:1px solid #6f96d7;}
#gnb > li:first-child > a{background:#3e3e3e;}
#gnb > li:first-child > a:before,
#gnb > li:first-child + li > a:before{content:none;}
#gnb > li:first-child .sub{width:1000px;}
#gnb .sub{overflow:hidden;height:0;text-align:left;box-shadow:0 3px 3px rgba(0,0,0,.17);}
#gnb .sub ul{border:1px solid #dadada;background:#fff;}
#gnb .sub li{border-top:1px solid #dadada;}
#gnb .sub li:first-child{border-top:0;}
#gnb .sub li a{display:block;padding:10px 15px;text-transform:uppercase;}
#gnb .sub li a:hover,
#gnb .sub li a:focus,
#gnb .sub li.active a{color:#477acd;}
#gnb.active .sub{display:none;overflow:visible;height:auto;}
#gnb.active li.on .sub{display:block;}

#gnb .cat{display:table;table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;border:1px solid #d9d9d9;}
#gnb .cat > ul{display:table-row;border:0;background:none;}
#gnb .cat > ul > li{display:table-cell;border:0;border-left:1px solid #d9d9d9;background:#f6f6f6;}
#gnb .cat > ul > li > a{position:relative;font-weight:bold;font-size:14px;border-bottom:1px solid #d9d9d9;background:#fff;}
#gnb .cat > ul > li > a:before{content:'';position:absolute;right:17px;top:50%;width:6px;height:10px;margin:-5px 0 0;background:url('../image/ico_cat.png') no-repeat;}
#gnb .cat > ul > li:first-child{border-left:0;}
#gnb .cat > ul ul{padding:10px 15px;border:0;background:none;}
#gnb .cat > ul ul li{margin:4px 0 0;border:0;}
#gnb .cat > ul ul li:first-child{margin-top:0;}
#gnb .cat > ul ul li a{padding:0;}

/* lnb */
#lnb > ul{position:relative;padding:1px 0 0;}
#lnb > ul > li{margin:-1px 0;}
#lnb > ul > li > a{display:block;position:relative;padding:11px 15px 12px;border-top:1px solid #cecece;border-bottom:1px solid #cecece;font-size:14px;text-decoration:none;}
#lnb > ul > li > a:hover,
#lnb > ul > li > a:focus,
#lnb > ul > li.active > a{background:#aaa;color:#fff;text-decoration:underline;}
#lnb > ul > li.active > a:before{content:'';position:absolute;right:-13px;top:50%;margin:-5px 0 0;border:5px solid transparent;border-left:8px solid #aaa;}
#lnb > ul > li.active ul{display:block;}
#lnb .active .sub{display:block;}
#lnb .sub{display:none;}
#lnb .sub ul{overflow:hidden;}
#lnb .sub ul li{margin:8px 0 0;}
#lnb .sub ul li a{padding:0 0 0 7px;font-size:12px;text-decoration:none;}
#lnb .sub ul li a:before{content:'ㆍ';}
#lnb .sub ul li a:hover,
#lnb .sub ul li a:focus,
#lnb .sub ul li.on a{color:#263997;}

#header{width:100%; position:relative; z-index:10;height:200px;text-align:center; background:#fff;}
#header .wrapper{z-index:2;}
#header > .head{position:relative;border-bottom:1px solid #e7e7e7;background:#fafafa;line-height:38px;text-align:center;color:#666;font-size:12px;}
#header > .head .conRight{float:right;}

#header > .body{}
#header > .body .wrapper{padding:50px 0 23px;}
#header > .body h1{position:absolute;left:0;top:36px;}
#header > .body .conRight{position:absolute;right:0;top:40px;}

#header .util_wrap{position:absolute;right:0;top:0;}
#header .util_wrap a{position:relative;margin:0 0 0 5px;padding:0 0 0 7px;}
#header .util_wrap a:hover{color:#2f2f2f;}
#header .util_wrap a:before{content:'';position:absolute;left:0;top:50%;height:11px;margin:-6px 0 0;border-left:1px solid #d7d7d7;font-size:0;}
#header .util_wrap a:first-child:before{content:none;}

#header .cart_wrap{display:inline-block;vertical-align:middle;}
#header .cart_wrap a{display:inline-block;margin:0 8px;padding:0 0 0 20px;background:url('../image/ico_heart.png') no-repeat 0 50%;}
#header .cart_wrap a.cart{padding-left:30px;background-image:url('../image/ico_cart.png');}
#header .cart_wrap em{display:inline-block;width:24px;height:15px;line-height:16px;margin:0 0 0 5px;border-radius:6px;background:#3e3e3e;color:#fff;text-align:center;}

#header .search{position:relative;width:318px;height:40px;margin:0 auto;padding:0 40px 0 0;background:url('../image/bg_search.png') no-repeat 100% 50%;}
#header .search input[type="text"]{width:100%;height:40px;line-height:40px;border:0;vertical-align:middle;background:none;}
#header .search input[type="image"]{position:absolute;right:0;top:0;width:40px;height:40px;}

#header .keyword{text-align:left;}
#header .keyword h2{display:inline-block;width:70px;line-height:22px;padding:0 0 0 7px;background:url('../image/bg_keyword.png') no-repeat;color:#fff;font-size:12px;}
#header .keyword ul{display:inline-block;margin:0 0 0 10px;}
#header .keyword li{display:inline-block;}
#header .keyword a{display:block;position:relative;margin:0 0 0 5px;padding:0 0 0 7px;}
#header .keyword a:before{content:'';position:absolute;left:0;top:50%;height:11px;margin:-6px 0 0;border-left:1px solid #d7d7d7;font-size:0;}
#header .keyword li:first-child a{margin-left:0;padding-left:0;}
#header .keyword li:first-child a:before{content:none;}

#mBanner{position:relative;}
#mBanner .inner{position:relative;overflow:hidden;height:53px;}
#mBanner .nav{position:absolute;left:0;bottom:0;white-space:nowrap;font-size:0;}
#mBanner .nav button{margin:0 -1px 0 0;}

#container{}
#contents{width:100%;padding:0 0 50px;}

#sBody{background:url('../image/bg_head.png') repeat-x 50% 0;}
#sBody #conLeft{float:left;width:200px;padding:50px 0 0;}
#sBody #conLeft h2{padding:40px 20px;border-radius:10px 10px 0 0;background:#222;font-weight:bold;font-size:18px;color:#fff;text-transform:capitalize;}
#sBody #contents{position:relative;}
#conLeft + #contents{float:right;width:850px;}

.head_area{height:143px;margin:0 0 27px;}
.head_area h3{padding:40px 0 0;font-weight:bold;font-size:30px;color:#333;text-transform:uppercase;text-align:center;}

#location{text-align:center;font-size:0;text-transform:uppercase;}
#location a{display:inline-block;vertical-align:middle;margin:0 0 0 5px;padding:0 0 0 7px;font-size:13px;background:url('../image/ico_locate.png') no-repeat 0 50%;}
#location a:first-child{width:16px;height:13px;margin:0;padding:0;background:url('../image/ico_home.png') no-repeat;text-indent:-9999px;}

/* footer */
#footer{}
#footer > .head{padding:30px 0;background:#fbfbfb;}
#footer > .head .table_form{table-layout:fixed;}
#footer > .head .td{height:80px;}
#footer > .head .ui_link{width:280px;height:100%;border-left:1px solid #e4e4e4;vertical-align:middle;}
#footer > .head .ui_link > div{padding:0 0 0 30px;line-height:0;}
#footer > .head .ui_link h4{margin:0 0 15px;}
#footer > .head .ui_link ul{margin:-10px 0 0 -30px;}
#footer > .head .ui_link ul:after{content:'';display:block;clear:both;}
#footer > .head .ui_link li{float:left;margin:10px 0 0 30px;}
#footer > .head .ui_link li a{}
#footer > .body{border-top:1px solid #dadada;border-bottom:1px solid #dadada;background:#f7f7f7;}
#footer > .body .td{height:38px;}
#footer > .body .td:first-child a{display:inline-block;margin:0 15px 0 0;}
#footer > .body .td + .td{text-align:right;}
#footer > .bottom{padding:20px 0;}
#footer .logo{float:left;}
#footer .foot{margin:0 50px 0 140px;}
#footer address{font-size:12px;letter-spacing:-.5px;}
#footer .copyright{letter-spacing:0;font-size:11px;}
#footer .aside{position:absolute;right:0;top:0;}

/* familysite */
#family_site{display:inline-block;overflow:hidden;position:relative;margin:0 0 0 15px;vertical-align:middle;}
#family_site.on{overflow:visible;}
#family_site button{}
#family_site .option{position:absolute;left:0;bottom:36px;right:0;padding:10px;border:1px solid #eee;background:#f5f5f5;}
#family_site .option li{vertical-align:top;line-height:1.6;}
#family_site .option li + li{}
#family_site .option a{display:block;padding:2px 5px;font-size:12px;}
#family_site .option a:hover{background:#767676;color:#f5f5f5;}

body#main #quick_right{top:217px;}
#quick_right{width:82px; margin-left:516px; position:absolute; left:50%; top:370px;}
#quick_right.fixed{position:fixed;top:0 !important;}
body#main #quick_right.fixed{position:fixed;top:0 !important;}
#quick_right .box{margin:10px 0 0;}
#quick_right .box a{display:block;}
.quick_product{width:80px; padding:18px 0; border:1px solid #e2e2e2; position:relative; background-color:#fff;}
.quick_product .inner{width:70px;min-height:88px;max-height:264px; margin:0 auto; position:relative; overflow:hidden;}
.quick_product .inner ul{position:relative;top:1px;}
.quick_product .inner ul li{width:70px; height:70px; padding:9px 0 8px; border-bottom:1px solid #e2e2e2;}
.quick_product .inner ul li:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.quick_product .inner ul li a{display:inline-block;vertical-align:middle;width:100%;}
.quick_product .inner ul li img{max-width:100%;max-height:100%;}
.quick_product .inner ul li > span{display:inline-block;vertical-align:middle;font-size:11px;text-align:center;}
.quick_product .nav{}
.quick_product .nav > a{position:absolute;left:0;right:0;text-align:center;}
.quick_product .nav .prev{top:0;}
.quick_product .nav .next{bottom:0;}
.quick_nav{margin-bottom:10px;}
.quick_nav img{vertical-align:top;}

.conHalf{float:left;width:47%;margin:10px 5% 10px 0;}
.conHalf:last-child{float:left;width:47%;margin-right:0;}

/* layerpop */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:100px 0 0;color:#333;text-align:center;}
.layerpop.on{display:block;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{display:inline-block;position:relative;margin:0 auto;padding:30px;border:3px solid #000;background:#fff;text-align:left;}
.layerpop h1{margin:0 0 15px;font-weight:bold;font-size:16px;}
.layerpop .head{font-size:15px;color:#333;}
.layerpop .head .t_point{font-size:24px;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:-3px;top:-22px;}
.layerpop .btn_wrap .close{position:static;}
/****************************** Layout ******************************/

/* article */
.article_wrap{position:relative;margin:40px 0 0;}
#sBody #contents > h3 + .article_wrap,
.article_wrap:first-child{margin-top:0;}
.article_wrap .article{margin:20px 0 0;}
.article_wrap .article:first-child{margin-top:0;}

.h4{position:relative;margin:0 0 10px;padding:0 0 0 13px;font-weight:bold;font-size:17px;color:#393939;text-transform:capitalize;letter-spacing:-1px;}
.h4:before{content:'';position:absolute;left:0;top:4px;height:17px;border-left:3px solid #343434;vertical-align:-3px;}
.h5{margin:0 0 10px;font-weight:bold;font-size:17px;color:#333;text-transform:capitalize;letter-spacing:-1px;}
.h6{margin:0 0 5px;font-weight:bold;font-size:15px;color:#333;text-transform:capitalize;letter-spacing:-1px;}
.h6.stick:before{content:'';display:inline-block;vertical-align:middle;position:relative;top:-2px;width:7px;height:4px;margin:0 5px 0 0;background:#0f0e9f;font-size:0;}

.article_wrap .stxt{color:#767676;font-size:15px;font-weight:normal;text-transform:none;}
.article_wrap > .table_form > .tr > .td + .td{padding:0 0 0 15px;}

/* tabContents */
.tab_wrap .tabMenu{display:table;table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;border:none;}
.tab_wrap .tabMenu ul{display:table-row;}
.tab_wrap .tabMenu li{display:table-cell;height:43px;line-height:43px;text-align:center;vertical-align:middle;}
.tab_wrap .tabMenu li:first-child a{margin-left:0;}
.tab_wrap .tabMenu li a {display:block;position:relative;margin:0 0 0 -1px;text-align:center;font-weight:bold;color:#6c6c6c;border:1px solid #dfdfdf;background:#f5f5f5;}
.tab_wrap .tabMenu li a:hover,
.tab_wrap .tabMenu li.on a{border-bottom-color:#fff;color:#000;background:#fff;z-index:2;}
.tab_wrap .tabMenu li a:hover:before,
.tab_wrap .tabMenu li.on a:before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;border-top:2px solid #000;}
.tab_wrap .tabcont {overflow:hidden;height:0;}
.tab_wrap .tabcont.on{overflow:visible;height:auto;padding:30px 0 0;}

/* Contents */
.product_list{overflow:hidden;}
.product_list .outer{position:relative;}
.product_list .inner{overflow:hidden;position:relative;margin:-30px 0 0 -16px;}
.product_list ul{margin:30px 0 0;}
.product_list ul:after{content:'';display:block;clear:both;}
.product_list li{float:left;width:20%;}
.product_list li > a{display:block;position:relative;margin:0 0 0 16px;text-align:center;}
.product_list li > a:hover .over{display:block;}
.product_list .table_form{table-layout:fixed;border-collapse:separate;}
.product_list .tr{}
.product_list .td{height:178px;border:1px solid #e2e2e2;background:#fff;}
.product_list .td img{max-width:100%;max-height:100%;}
.product_list .infor{height:80px;margin:12px 0 0;}
.product_list .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_list .price{display:block;font-weight:bold;color:#222;}
.product_list .nav{margin:20px 0 0;white-space:nowrap;font-size:0;}
.product_list .nav button{width:47px;height:25px;background:url('../image/btn_best.png') no-repeat;}
.product_list .nav button span{position:relative;z-index:-1;}
.product_list .nav .prv{}
.product_list .nav .next{background-position:100% 0;}

#mProduct{}
#mProduct .product_list li{width:16.66%;}
#mProduct .product_list .td{height:153px;}

#mVisual{overflow:hidden;position:relative;}
#mVisual .wrapper{margin-top:17px;box-sizing:border-box;border:1px solid #e2e2e2;border-bottom:0;}
#mVisual .inner{position:relative;height:303px;}
#mVisual .gallery{}
#mVisual .gallery li{position:absolute;left:0;top:0;}
#mVisual .wrap{display:table;table-layout:fixed;width:100%;}
#mVisual .control{display:table-row;background:#eee;}
#mVisual .control li{display:table-cell;vertical-align:middle;height:40px;text-align:center;}
#mVisual .control li a{display:block;position:relative;line-height:40px;}
#mVisual .control li.on a{background:#3e3e3e;color:#fff;}
#mVisual .control li.on a:before{content:'';position:absolute;left:50%;top:-8px;z-index:2;margin:0 0 0 -5px;border:5px solid transparent;border-top:0;border-bottom:8px solid #3e3e3e;}

#mSlide{overflow:hidden;position:relative;}
#mSlide .wrapper{margin-top:17px;box-sizing:border-box;border:1px solid #e2e2e2;border-bottom:0;}
#mSlide .inner{position:relative;overflow:hidden;height:303px;}
#mSlide .gallery{position:absolute;left:0;top:0;width:10000%;height:100%;}
#mSlide .gallery li{overflow:hidden;float:left;width:1%;height:100%;}
#mSlide .gallery li.on{position:absolute;left:0;top:0;}
#mSlide .wrap{display:table;table-layout:fixed;width:100%;}
#mSlide .control{display:table-row;background:#eee;}
#mSlide .control li{display:table-cell;vertical-align:middle;height:40px;text-align:center;}
#mSlide .control li a{display:block;position:relative;line-height:40px;}
#mSlide .control li.on a{background:#3e3e3e;color:#fff;}
#mSlide .control li.on a:before{content:'';position:absolute;left:50%;top:-8px;z-index:2;margin:0 0 0 -5px;border:5px solid transparent;border-top:0;border-bottom:8px solid #3e3e3e;}

#mHead{margin:16px 0 0;}
#mHead .wrapper{overflow:hidden;}
#mHead .inner{margin:0 0 0 -14px;}
#mHead .column{float:left;width:33.33%;}
#mHead .column .wrap{height:122px;margin:0 0 0 14px;box-sizing:border-box;}

#mHead .column#mNotice{}
#mHead .column#mNotice .wrap{padding:15px 20px;border:1px solid #e2e2e2;}
#mHead .column#mNotice h3{margin:0 0 10px;}
#mHead .column#mNotice .more{position:absolute;right:20px;top:15px;font-size:10px;}

#bestProduct{margin:14px 0 0;text-align:center;}
#bestProduct .wrapper{padding:20px;border:1px solid #e2e2e2;background:#fff2d4 url('../image/bg_best.png') no-repeat;box-sizing:border-box;}
#bestProduct h3{margin:0 0 17px;}
#bestProduct .product_list ul{width:20000%;}
#bestProduct .product_list li{width:.1%;}
#bestProduct .product_list .infor{height:auto;}

#linkBanner{margin:15px 0 0;}
#linkBanner .wrapper{overflow:hidden;}
#linkBanner .inner{margin:-12px 0 0 -16px;}
#linkBanner .inner > span{float:left;}
#linkBanner .inner > span a{display:block;margin:12px 0 0 16px;}

#mProduct{margin:20px 0 0;}
#mProduct h3{margin:0 0 12px;}
#mProduct .article_wrap{margin:10px 0 0;}
#mProduct .article_margin{margin-bottom: 30px;}
#mProduct .more{position:absolute;right:0;top:0;width:66px;line-height:34px;}
#mProduct .more a{display:block;height:100%;background:url('../image/spacer.png');text-indent:-9999px}

#divGreeting{margin:50px 0 0;font-size:14px;line-height:1.9;}

.head_txt{margin:0 0 40px;line-height:1.3;}
.head_txt > strong:first-child{display:block;margin:0 0 15px;font-size:35px;}
.head_txt p{font-size:23px;color:#333;}

.sign_wrap{margin:20px 0 0;font-size:14px;}
.sign_wrap .t_strong{color:#000;}

#divLocate{}
#divLocate > .head{border:1px solid #e2e2e2;font-size:0;}
#divLocate > .body{margin:15px 0 0;padding:15px 0 0;border-top:1px solid #ececec;}
#divLocate > .body td{padding:5px 0;}

.ico_circle{display:inline-block;padding:0 0 0 20px;background:url('../image/ico_circle.png') no-repeat 0 50%;}

.tab_js{}
.tab_js .contents{overflow:hidden;height:0;}
.tab_js .contents.on{overflow:visible;height:auto;}
.tabBasic{margin:0 0 30px;padding:0 0 0 1px;}
.tabBasic .table_form{table-layout:fixed;}
.tabBasic .td{position:relative;height:43px;background:#f6f6f6;text-align:center;font-size:15px;}
.tabBasic .td:before{content:'';position:absolute;left:-1px;top:0;right:0;height:42px;border:1px solid #e4e4e4;border-bottom:0;}
.tabBasic .td:after{content:'';position:absolute;left:-1px;right:0;bottom:0;border-bottom:1px solid #477acd;}
.tabBasic .td.on{background:#fff;color:#477acd;font-weight:bold;}
.tabBasic .td.on:before{z-index:2;border-color:#477acd;border-bottom:0;}
.tabBasic .td.on:after{border-bottom:0;}

.history_wrap{}
.history_wrap .body{width:100%;}
.history_wrap ol{display:table;width:100%;}
.history_wrap ol > li{display:table-row;}
.history_wrap ol > li:first-child > div{border-color:#477acd;}
.history_wrap ol > li > div{display:table-cell;padding:20px 5px;border-top:1px solid #e6e6e6;vertical-align:top;}
.history_wrap ol > li > .years:first-child{width:120px;text-align:center;}
.history_wrap ol > li > .years > em{display:inline-block;width:90px;line-height:90px;text-align:center;border:4px solid #9ecde9;border-radius:100%;font-weight:bold;font-size:24px;color:#1b8bcb;}

.list_dot{}
.list_dot ul li{position:relative;padding:0 0 0 8px;}
.list_dot ul li:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;margin:0 3px 0 0;background:#c4c4c4;font-size:0;}
.history_wrap .list_dot li > div{padding-bottom:0;}
.history_wrap .list_dot li + li > div{padding-top:0;border-top:0;}
.history_wrap .list_dot li + li > div li{margin:5px 0 0;}

.column_two{overflow:hidden;}
.column_two .inner{margin:0 0 0 -40px;}
.column_two .inner:after{content:'';display:block;clear:both;}
.column_two .column{float:left;width:50%;}
.column_two .wrap{margin:0 0 0 40px;}

.head_title{margin:0 0 25px;border-bottom:1px solid #477acd;}
.list_column{position:relative;}
.list_column ul{margin:0 0 0 -12px;}
.list_column ul:after{content:'';display:block;clear:both;}
.list_column li{float:left;width:33.33%;}
.list_column .wrap{overflow:hidden;margin:0 0 0 12px;border:1px solid #dbdbdb;box-shadow:0 2px 3px rgba(0,0,0,.16);}
.list_column .head{margin:0 -1px;}
.list_column .body{height:80px;padding:10px;}
.list_column .body dl{}
.list_column .body dt{font-weight:bold;font-size:18px;color:#333;}
.list_column .body dd{letter-spacing:-1px;}

.guide_wrap{margin:-30px 0;}
.guide_wrap table{border-collapse:separate;border-spacing:0 30px;}
.guide_wrap td{height:120px;padding:20px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:url('../image/bg_guide.png') no-repeat 100% 100%;vertical-align:top;}
.guide_wrap .th{width:120px;background:#f5f5f5;text-align:center;vertical-align:middle;}
.guide_wrap dl{}
.guide_wrap dt{margin:0 0 10px;font-weight:800;font-size:16px;color:#333;}
.guide_wrap dd{}

@media print{
	#adminControl,
	#header,
	#conLeft,
	#sBody #contents > h3,
	#location,
	#footer,
	button,
	.btn_wrap,
	.head_area,
	.quick_bot,
	#quick_right{display:none;}
	#conLeft + #contents{float:none;margin:0 auto;}
}