@charset "utf-8";
@font-face {
    font-family: 'nanum-barun-gothic-regular';
    src: url('/m/font/NanumBarunGothicRegular/nanumbarungothicregular.eot');
    src: url('/m/font/NanumBarunGothicRegular/nanumbarungothicregular.eot?#iefix') format('embedded-opentype'),
         url('/m/font/NanumBarunGothicRegular/nanumbarungothicregular.woff2') format('woff2'),
         url('/m/font/NanumBarunGothicRegular/nanumbarungothicregular.woff') format('woff'),
         url('/m/font/NanumBarunGothicRegular/nanumbarungothicregular.ttf') format('truetype'),
         url('/m/font/NanumBarunGothicRegular/nanumbarungothicregular.svg#nanum-barun-gothic-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {width:100%;height:100%;overflow:hidden;}
body {font-family:"nanum-barun-gothic-regular" !important;, sans-serif;color:#545454;font-size:12px; -webkit-text-size-adjust:none;overflow-y:auto;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,blockquote,button,address{ 
	margin:0; padding:0;}
table {width:100%;border-collapse:collapse; border-spacing:0;}
img,fieldset, img a {border:0;}
img {border:0}
img,input,select,textarea{vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,var,i {font-style:normal; font-weight:normal;}
strong {font-weight:bold;}
ol, ul, dl {list-style:none;}
abbr,acronym {border:0;}

a{text-decoration:none;color:#545454;}
/* a:hover,a:active {text-decoration:underline; color:#9a3200;} */
a:hover,a:active {text-decoration:none;color:#545454;}

caption,legend, caption, .blind, .accessibility {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
caption {position:static;}

hr {margin-bottom:10px; font-size:0; line-height:0; border:1px solid #fff;}
hr.line {border-bottom:1px solid #ddd;}

header, footer, section, article, aside, nav { display: block; margin:0; } /* ie8 */

/* input */
input.checkbox {width:13px;height:13px;vertical-align:top;}
* html input {margin:-1px 0;}
*:first-child+html input {margin:-1px 0}

.container{width:100%;margin:0 auto;padding-top:0px;}
.wrap{margin:0 auto;padding-top:10px;}
.wrap .vis_img{float:left;width:100%;}

footer{padding:10px 20px 30px;}
footer p{clear: both;text-align:center;color:#b1b1b1}


/* 모바일 헤더*/
.m_header { position: relative; width: 100%;}
.m_header .m_title {width: auto;height: 50px;text-align: center;top:17px;vertical-align:middle;}
.m_header .menu_side {overflow: hidden;position: absolute;top: 0px;left: 0px;width: 45px;height: 40px;}
.m_header .menu_side a {text-decoration:none;}
.m_header .menu_side .menu_ico_side {display: block;position: absolute;top: 17px;left: 13px;width: 100%;height: 100%;}
.menu_ico_top {background: url(/img/mobile/menu_icon.png) no-repeat 0 0;background-size:70%;vertical-align: top;}

/* main page slider */
.bx-wrapper{ float: left; width: 100%; margin:0;padding:0;}
.bx-wrapper img { margin: 0 auto;}
.bx-wrapper .bx-viewport {	border:0px; left:0px;box-shadow: 0 0 0 0px;background:#000;}
.bx-wrapper .bx-pager {
    font-size: 14px !important;
}
/* layer menu */
.btn_menu {display:inline-block; position:absolute; top:0px; left:0px; width:54px;}
.btn_menu img {width:100%;}
.btn_menu.close {position:absolute; left:auto; right:0px; width:54px;}

#menu_mask {position:absolute; z-index:1002; background:#000; display:none; left:0; top:0px;}
#scroller div {position:absolute; top:0px; left:0px; width:210px; background:#2e2f31; z-index:1002;}
.mobile_menu {display:none; position:fixed; left:-270px; top:0px;background:url("/img/mobile/bg_black.png") repeat left center; width:100%; height:100%; z-index:1001; overflow-y:auto;}
.mobile_menu > div {height:800px;}
.mobile_menu a {color:#fff;}
.mobile_menu .mobile_menu_con {padding:60px 0px 0px 0px;}
.mobile_menu .mobile_menu_con a {display:block; text-decoration:none;}
.mobile_menu .mobile_menu_con > li > a {padding:7px 5px 9px 15px; font-size:15px; border-bottom:1px solid #414244; background:#2e2f31 url("/img/mobile/all_menu_off.png") no-repeat 185px center; background-size:10px;}
.mobile_menu .mobile_menu_con > li > a.on {background:#009999 url("/img/mobile/all_menu_on.png") no-repeat 185px center; background-size:10px;}
 
.mobile_menu  .mobile_menu_con li.no-menu > a {background:none;}
.mobile_menu  .mobile_menu_con li.no-menu > a.on {background:none;}

.mobile_menu .sub_menu li {background:#202020;}
.mobile_menu .sub_menu > li > a {padding:7px 5px 9px 30px; font-size:15px; color:#cccbcb; border-bottom:1px solid #343434; background-size:9px;}
.mobile_menu .sub_menu > li > a.on {color:#5da9ff; no-repeat 185px center; background-size:9px;}
.mobile_menu .sub_menu > li.no-menu > a {background:none;}
.mobile_menu .sub_menu > li.no-menu > a.on {background:none;}
.mobile_menu .sub_menu li ul li {background:#383838;}
.mobile_menu .sub_menu li ul li  a {padding:7px 5px 8px 40px; font-size:11px; color:#cccbcb; border-bottom:1px solid #343434;}

/* sub page */
.prodSummaryInfo {line-height: 1.5;clear:both;float:left;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;color:#555555;padding-top:5px;padding-bottom:5px;margin-left:10px;margin-right:10px;}

.prodMenuSection .main_title{display:block;overflow:hidden;padding-left:10px;padding-top:10px;font-size:16px;height:30px;}
.prodMenuSection .sub_title{overflow:hidden;clear:both;margin-left:10px;}
.prodMenuSection .sub_title li{float:left; min-height:1rem;}/*border:1px solid #b2cbe4*/
.prodMenuSection .sub_title li a{display:block; min-height:1rem; text-align:center;}
.prodMenuSection .sub_title li a .ih_text{margin-bottom:0.5rem;text-align:center; color:#888; font-size:14px; }

.prodMenuSection .sub_title li.on .ih_text{color:#009999;font-size:14px;}
/*.prodMenuSection .sub_title li:last-child{float:right; margin-right:0 !important;}*/

.prodMenuSection .sub_title .p1{width:25%;}
.prodMenuSection .sub_title .p2{width:21%;}
.prodMenuSection .sub_title .p3{width:21%;}
.prodMenuSection .sub_title .p4{width:21%;}

.prodMenuSection .sub_title .p11{width:14%;}
.prodMenuSection .sub_title .p12{width:21%;}
.prodMenuSection .sub_title .p13{width:28%;}
.prodMenuSection .sub_title .p14{width:21%;}


.prodMenuSection .sub_title .p21{width:25%;}
.prodMenuSection .sub_title .p22{width:25%;}

.prodMenuSection .sub_title_ico li{float:left; text-align:center;}
.prodMenuSection .sub_title_ico .p1{width:25%;}
.prodMenuSection .sub_title_ico .p2{width:21%;}
.prodMenuSection .sub_title_ico .p3{width:21%;}
.prodMenuSection .sub_title_ico .p4{width:21%;}

.prodMenuSection .sub_title_ico .p11{width:14%;}
.prodMenuSection .sub_title_ico .p12{width:21%;}
.prodMenuSection .sub_title_ico .p13{width:28%;}
.prodMenuSection .sub_title_ico .p14{width:21%;}

.prodMenuSection .sub_title_ico .p21{width:25%;}
.prodMenuSection .sub_title_ico .p22{width:25%;}

.prodMenuSection .sub_title_ico .p1:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico .p2:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico .p3:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico .p4:before { content: "\00a0 "; }

.prodMenuSection .sub_title_ico .p11:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico .p12:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico .p13:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico .p14:before { content: "\00a0 "; }

.prodMenuSection .sub_title_ico .p21:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico .p22:before { content: "\00a0 "; }

/*.prodMenuSection .sub_title_ico li:last-child{float:right; text-align:center;margin-right:0 !important;}*/

.prodImgSection .thumbImg{overflow:hidden;padding-left:10px;padding-right:10px;}
.prodImgSection .thumbImg li{float:left; margin-top:10px;border:1px solid #d1d1d1;}
.prodImgSection li:last-child{float:right; margin-right:0 !important;}
.prodImgSection .thumbImg .imgSpace{float:left; width:15px !important;border:0;}
.prodImgSection .thumbImg img{margin:2px;}

.prodImgSection .thumbImgFooter{overflow:hidden;padding-left:10px;padding-right:10px;}
.prodImgSection .thumbImgFooter li{float:left; margin-top:5px;}
.prodImgSection .thumbImgFooter li a{display:block; min-height:1rem; text-align:right;}
.prodImgSection .thumbImgFooter li a .ih_text{text-align:right; color:#555555; font-size:14px; }
.prodImgSection .thumbImgFooter .imgSpace{float:left; width:15px !important;border:0;}
.prodImgSection li:last-child{float:right; margin-right:0 !important;}


.wrap_photoviewer {position:fixed; left:0px; top:0px;background:#000; width:100%; height:100%; z-index:1001; overflow-y:auto;}
.wrap_photoviewer .closeButtonLayer {float:right;height:50px;min-height:50px;} 

/* green guard */
.basicCotentSession .content_title {font-size:15px;color:#009999; padding-top:20px;padding-bottom:20px;}
.basicCotentSession .content_title1 {font-size:19px;color:#4ba006; padding-top:20px;}
.basicCotentSession .content_title2 {font-size:15px;color:#000; padding-bottom:20px;}
.basicCotentSession .content_title3 {font-size:19px;color:#009999;padding-top:20px;}
.basicCotentSession .content_title4 {font-size:19px;color:#4ba006; padding-top:20px;padding-bottom:10px;}

.prodMenuSection .sub_title2{overflow:hidden;clear:both;}
.prodMenuSection .sub_title2 li{float:left; margin-right:5px; min-height:1rem;}/*border:1px solid #b2cbe4*/
.prodMenuSection .sub_title2 li a{display:block; min-height:1rem; text-align:center;}
.prodMenuSection .sub_title2 li a .ih_text{margin-bottom:0.5rem;text-align:center; color:#888; font-size:14px; }

.prodMenuSection .sub_title2 li.on .ih_text{color:#009999;font-size:14px;}

.prodMenuSection .sub_title2 .p1{width:30%;}
.prodMenuSection .sub_title2 .p2{width:30%;}

.prodMenuSection .sub_title_ico2{overflow:hidden;}
.prodMenuSection .sub_title_ico2 li{float:left; text-align:center;border:1px solid #fff;}
.prodMenuSection .sub_title_ico2 .p1{width:30%;}
.prodMenuSection .sub_title_ico2 .p2{width:30%;}

.prodMenuSection .sub_title3{overflow:hidden;clear:both;margin-left:10px;}
.prodMenuSection .sub_title3 li{float:left; margin-right:5px; min-height:1rem;}
.prodMenuSection .sub_title3 li a{display:block; min-height:1rem; text-align:center;}
.prodMenuSection .sub_title3 li a .ih_text{margin-bottom:0.5rem;text-align:left; color:#888; font-size:14px;}

.prodMenuSection .sub_title3 li.on .ih_text{color:#009999;font-size:14px;}

.prodMenuSection .sub_title3 .p1{width:20%;}
.prodMenuSection .sub_title3 .p2{width:20%;}
.prodMenuSection .sub_title3 .p3{width:30%;}

.prodMenuSection .sub_title_ico3 li{float:left; text-align:left;padding-left:10px;}
.prodMenuSection .sub_title_ico3 .p1{width:20%;}
.prodMenuSection .sub_title_ico3 .p2{width:20%;}
.prodMenuSection .sub_title_ico3 .p3{width:30%;}


.prodMenuSection .sub_title_ico3 .p1:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico3 .p2:before { content: "\00a0 "; }
.prodMenuSection .sub_title_ico3 .p3:before { content: "\00a0 "; }

.basicCotentSession .f_content{overflow:hidden;padding-left:10px;padding-right:10px;line-height: 1.5;}
.basicCotentSession .f_content li{float:left; margin-top:10px;border:1px solid #d1d1d1;}
.basicCotentSession .f_content .imgSpace{float:left; width:15px !important;border:0;}
.basicCotentSession .f_content img{margin:2px;width:100%;}


/* 정렬 */
.text_l{text-align:left!important}
.text_c{text-align:center!important}
.text_r{text-align:right!important}
/* float */
.float_l{float:left}
.float_r{float:right}
.clear{clear:both}
.overFlow_h{overflow:hidden;}
.wp90{width:90% !important;}
.wp100{width:100% !important;}

.tableStyle06{width:100%;}
.tableStyle06 tbody th{height:25px;padding:5px; color:#fff;background:#73beb3;border:1px solid #73beb3;font-weight:normal;}
.tableStyle06 tbody td{padding:0.1875rem 0.5rem; border:1px solid #73beb3;}

.tableStyle06 tbody tr.nonBbor th{border:none !important;background:#fff}
.tableStyle06 tbody tr.nonBbor td{border:none !important;}

.tableStyle06 tbody tr.trblank {height:7px; boder:none;}

.joinAffrimation{padding:0 1.5rem;}
.joinAffrimation .ja_inputBox{margin:1rem 0;overflow:hidden}
.joinAffrimation .ja_inputBox .ja_input{display:block; padding:0.5rem; float:left; background:#fff; border:1px solid #e8e8e8;}

.ja_input input[type=text]{margin-top:0.2rem;color:#555; font-size:1rem; width:80%;border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px;}
.ja_input textarea{color:#555; font-size:1rem; border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px;}
.ja_input input[type=radio]{color:#555; font-size:1rem; }

input::-webkit-input-placeholder {font-size: 12px;}
.alertInfo {width:250px;height:100px;margin-top:50px;margin-left:35px;background:#73beb3;text-align: center;font: 0/0 a;border:3px solid #e8e8e8;border-radius: 25px;}
.alertInfo:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
.alertInfoContent {display: inline-block;vertical-align: middle;font: 16px/1 Arial, sans-serif;color:#fff;padding: 5px;}