@import url("content.css");
@import url("content_response.css");
@import url("user.css");
@import url("button.css");
@import url("board.css");
@import url("/cmd/css/ajax.css");

#container {overflow:hidden; margin:0 auto; padding:90px 0 70px; min-height: 648px;}
.content.eng * {letter-spacing:0!important;}

.sub_bg {height:200px; background-image:url('/images/common/sub_bg01.jpg'); background-repeat:no-repeat; background-position:50% 0;}
.sub_bg.bg02 {background-image:url('/images/common/sub_bg02.jpg');}
.sub_bg.bg03 {background-image:url('/images/common/sub_bg03.jpg');}
.sub_bg.bg04 {background-image:url('/images/common/sub_bg04.jpg');}
.sub_bg.bg05 {background-image:url('/images/common/sub_bg05.jpg');}
.sub_bg.bg06 {background-image:url('/images/common/sub_bg06.jpg');}
.sub_bg.bg07 {background-image:url('/images/common/sub_bg07.jpg');}

/* main_title */
.cont_tit {position:relative; max-width:1200px; margin:0 auto;}
.cont_tit h2 {padding-top:100px; text-align:center; font-size:40px; color:#fff; text-shadow: 1px 1px 2px #333, 0 0 25px #555, 0 0 5px #666;}

/* sub_top */
.sub_top { height:48px; background:url('/images/common/bg_sub_top.png') repeat-x 0 0;}
.sub_top *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.sub_top .sub_top_in {position:relative; z-index:12; max-width:1200px; margin:0 auto;}
.snb:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.snb > div { float:left; position:relative; margin-right:-1px;}
.snb .home > a { display:block; width:52px; height:48px; padding-top:15px; background-color:#797a7c; text-align:center;}
.snb .home > a:before { content:"\f0fd"; display:inline-block; font-family:'FontAwesome'; font-size:17px; line-height:17px; color:#fff;}
.snb >.depth1_area, .snb>.depth2_area { width:200px;}
.snb .open_depth { display:block; position:relative; height:48px; padding:12px 20px 12px 25px; font-size:14px; color:#555; border:1px solid #ccc; background-color:#fff; overflow: hidden; text-overflow: ellipsis;  -o-text-overflow: ellipsis; white-space:nowrap; word-wrap: normal !important;}
.snb .open_depth.on { background-color:#f5f5f5;}
.snb .open_depth:after { content:"\f0d7"; display:inline-block; position:absolute; top:18px; right:14px; font-family:'FontAwesome'; font-size:11px; line-height:11px; color:#9a9a9a;}
.snb .open_depth.on:after { content:"\f0d8"; top:17px;}
.snb .menu { display:none; position:absolute; top:48px; left:0; width:100%;}
.snb .menu > li > a {display:block;padding:12px 5px 13px 25px;border:1px solid #ccc;border-top:none;background-color: #f4f4f4;color:#555;font-size:14px;}
.snb .menu > li > a:hover { background-color:#fff; color:#222;}

/* title */
.sub_title { max-width:1200px; margin:0 auto; padding-bottom:60px; text-align:center;}
.sub_title > h3 {padding-top:50px; color:#222; font-size:40px; font-weight:500; line-height:1.2;}

.content {position:relative; max-width:1200px; padding:0; margin:0 auto;}
.content:before,
.content:after {content:''; display:table;}
.content:after {clear: both;}
.contentWrap {position:relative;}

h4.titSt{position:relative; margin:60px 0 30px 0; padding-bottom:20px; line-height:1em; font-size:26px; color:#333;}
h4.titSt:before{content:"";position:absolute;bottom:0;left:0;width:50px;height: 2px;background: #00a28b;}
h4.titSt:first-child, h4.titSt2:first-child  {margin-top:0;}
h4.titSt2 {position:relative; margin:60px 0 30px 0; line-height:1em; font-size:30px; color:#333; text-align:center;}

h5.titSt {position:relative; margin: 20px 0 0 0; padding:0 0 0 14px; color:#555;  font-size:16px; line-height: 24px; font-weight:500;background: url('/images/common/h5_dot.png') 4px 8px no-repeat; font-weight: normal; letter-spacing:-1px;}
h6.titSt {position:relative; margin:10px 0 0 0; padding:0 0 0 20px; color:#0090ff; font-size: 15px;;background:url('/images/common/box_h6_dot.png') left 5px no-repeat; line-height: 24px; }

/* Grid System */

.row {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.row, .row * {box-sizing:border-box;} 
.row:after, .col:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}

.col {position: relative; display: block; float: left; width: 100%;}
.col, .col * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.leftCon {padding-right:2%;}
.rightCon {padding-left:2%;}
.midCon {padding:0 1%;}

.eng_mgt {margin-top:80px;}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}
@media screen and (max-width:1220px){
	.contentWrap {margin-left:10px;margin-right:10px;}
}

@media screen and (max-width:1023px){
	.sub_title { padding-bottom:30px;}
	.sub_title>h3 {padding-top:40px; font-size:36px; }
}

@media screen and (max-width:960px){
	.sub_bg {height:160px;background-size:cover;}
	.cont_tit h2 {padding-top:60px;}
}

@media screen and (max-width:767px){
	
	#container {padding-top:56px;}
	.sub_bg {height:100px;}
	.cont_tit h2 {margin-top:0; padding-top:35px; text-align:center; font-size:24px; line-height:35px; color:#fff;}
	.cont_tit .search {top:70px; right:10px; }
	.cont_tit .mall-gnb {top:115px; right:10px;}

	.sub_top {height:35px; background:url('/images/common/bg_sub_top_m.png') repeat-x 0 0; background-size:1px 35px;}
	.snb {padding-left:35px;}
	.snb .home {position:absolute; top:0; left:0; z-index:10;}
	.snb .home>a {width:35px; height:35px; padding-top:6px;}
	.snb .home>a:before {font-size:13px; line-height:13px;}
	.snb>.depth1_area, .snb>.depth2_area { width:50%;}
	.snb .open_depth {height:35px; padding:7px 12px 8px 7px; font-size:12px; overflow:hidden; text-overflow:ellipsis;}
	.snb .open_depth:after {top:13px; right:6px; font-size:9px; line-height:9px;}
	.snb .open_depth.on:after {top:12px;}
	.snb .menu {top:35px;}
	.snb .menu>li>a {padding:7px 5px 8px 7px; font-size:12px;}

	.sub_title {padding: 0 4% 30px;}
	.sub_title>h3 {padding-top:30px; font-size:26px;}
	
	.col-12 {width: 100%;}
    .col-11 {width: 91.66666667%;}
    .col-10 {width: 83.33333333%;}
    .col-9 {width: 75%;}
    .col-8 {width: 66.66666667%;}   
    .col-7 {width: 58.33333333%;}
    .col-6 {width: 50%;}
    .col-5 {width: 41.66666667%;}
    .col-4 {width: 33.33333333%;}
    .col-3 {width: 25%;}
    .col-2 {width: 16.66666667%;}
    .col-1 {width: 8.33333333%;} 
	.row .col {margin-top:20px; }
	.row .col:first-child {margin-top:0; }
	.leftCon {padding-right:0;}
	.rightCon {padding-left:0;}
	.midCon {padding:0;}
	.eng_mgt {margin-top:50px;}
}	

@media screen and (max-width:540px){
	h4.titSt{margin:30px 0 25px 0; padding-bottom:10px;font-size:22px;}
	h4.titSt:before{width:36px;}
	h4.titSt2 {margin:30px 0 20px 0; font-size:24px;}
	.eng_mgt {margin-top:30px;}
}

@media screen and (max-width:480px){
	.cont_tit .search {width: 170px;}
	.cont_tit .search input.text {width: 140px; }
}