@charset "utf-8";

#subtitle_wrap {margin-top: 125px;background: url(/images/sub/subbg01.jpg) no-repeat  center / cover;height: 245px}
.top_menu_wrap {margin:0 auto;max-width:1100px;overflow: hidden}
.top_menu_wrap > h2 {color: #fff;font-size: 3.3em;font-weight: 600;margin-top: 87px;text-align: center;line-height: 1.2}
.top_menu_wrap > h2 > span {color: #fff;font-size: 0.6em;display: block;font-weight: 100;opacity: 0.7;font-family: NanumSquare}
.top_menu_wrap > nav > ul {border: 1px solid #fff;overflow: hidden;margin-top: 20px}
.top_menu_wrap > nav > ul li {float:left;width:20%}
.top_menu_wrap > nav > ul.w03 li {float:left;width:33.333333%}
.top_menu_wrap > nav > ul.w04 li {float:left;width:25%}
.top_menu_wrap > nav > ul.w05 li {width:20%}
.top_menu_wrap > nav > ul.w06 li {width:16.6666666%}
.top_menu_wrap > nav > ul li a {color: #ff6000;background: #fff url(/images/common/bg.gif) no-repeat 0 0 / 0%;display: inline-block;width: 100%;text-align: center;font-size: 1.2em;font-weight:600;padding: 10px 0;border-left: 1px solid #efefee}
.top_menu_wrap > nav > ul li.on a, .top_menu_wrap > nav > ul li a:hover {background: #fff url(/images/common/bg.gif) no-repeat 0 0 / 100%;color: #fff;}
.top_menu_wrap > nav > ul li:nth-child(1) a {border-left:none}

#sub_wrap:after {content:'';display:block;clear: both}
#sub_wrap.location {border-bottom: 1px solid #dedede}
#sub_wrap.location > ul {max-width: 1180px;margin: 0 auto}
#sub_wrap.location > ul > li {float:left}
#sub_wrap.location > ul > li > a.home {padding-left: 0;width: 19px;height: 42px;text-indent: -999em;background: url(/images/common/location.gif) no-repeat 0 12px;line-height: 1.2}
#sub_wrap.location > ul > li > a {padding: 10px 0 10px 36px;display: inline-block;background: url(/images/common/location.gif) no-repeat -24px 12px}
#sub_wrap.location > ul > li:last-child > a {font-weight:600}
h3.title {text-align: center;margin-top: 72px;font-size: 30px;position: relative;font-family: NanumSquare;font-weight: 200;color:#1b1b1b;font-weight: 200}
h3.title:before {content: '';position: absolute;top: -14px;left: 50%;width: 55px;height: 1px;background-color: #000;margin-left: -30px}

/*서브메뉴*/
.submenu {max-width: 1180px;margin: 0 auto;padding:0 0 30px 1px; overflow:hidden;width:100%}
.submenu.w03 li {width:33.33333%;}
.submenu.w04 li {width:25%;}
.submenu.pro li {padding-bottom:5px}
.submenu li {float:left; width:50%; margin-left:-1px; padding-bottom:8px}
.submenu li a {position:relative; display:block; height:48px; line-height:48px; color:#333; font-size:1.1em; font-weight:600; border:1px solid #ccc; background:#fff; text-align:center}
.submenu li.on a {color:#fff; border-color: #fc8a37;background: #fc8a37;z-index:2}
.submenu li.on a:after {content:""; position:absolute; bottom:-1px; left:50%; display:block; width:19px; height:10px; margin-left:-8px; background:url('/images/common/submenu.png') no-repeat 0 0}

/*소개*/
.Introduce {max-width:1180px;margin:0 auto}
.Introduce > .Introducep {font-size: 1.2em;font-weight: 600;line-height: 3;letter-spacing: -0.4px;word-break: keep-all}
.Introduce > strong {color:#fc5046;text-decoration:underline;font-size:2.2em;margin-top:30px;display: block}
.Introduce > span {font-size: 1.8em;font-weight: 600;color: #1b1b1b;display: block;margin-top: 50px}
.Introduce img {max-width:100%}
.Introduce h3 {font-size: 1.3em;color: #1b1b1b}

/*CI소개*/
.Introduce > .ci:after {content:'';display:block;clear: both}
.Introduce > .ci > h4 {font-size: 1.3em;color: #1b1b1b;position:relative;float: left;padding-top:15px}
.Introduce > .ci > h4:before {position: absolute;top: 0;left: 0;width: 21px;height: 2px;background-color: #000;content: ''}
.Introduce > .ci > p {float: left;position: relative;top: -22px;padding-left: 154px;text-align: left;font-size: 1.2em;word-break: keep-all}
.Introduce > .ci > p img {max-width:100%}

/*상단 간략한 소개*/
.top_text {font-size: 1.1em;padding: 30px 0;word-break:keep-all}
.top_text.l_none {padding: 20px 0}
.top_text em {color:#fc8a37;font-weight: 600}
.top_text strong {display: block;font-size: 1.2em;font-weight: 600;padding-bottom: 15px}
.top_text span {display: block;font-size: 1.1em;font-weight: 600;padding-bottom: 10px}
.top_text span.l_none {padding-bottom: 0}

/*ceo인사말*/
.ceo {overflow: hidden}
.ceo > .left {float: left;width: 25%}
.ceo > .left > .top {background-color: #fc8a37;padding: 19%}
.ceo > .left > .top > img {}
.ceo > .left > .bottom {background: #372a2a url(/images/sub/ceo_bg01.png) no-repeat right bottom;padding-top: 155%;position: relative}
.ceo > .left > .bottom > p {color: #fff;position: absolute;top: 0;left: 0;padding: 35px;text-align: left}
.ceo > .left > .bottom > p em {display:block}
.ceo > .left > .bottom > p span {display: block;font-size: 2em;font-family: NanumSquare;word-break: keep-all;line-height: 1.2;margin-top: 20px}
.ceo > .left > .bottom > p a {display:block;background: url('/images/sub/ceo_btn.png') no-repeat;height: 45px;text-indent: -999em;margin-top:10px}
.ceo > .right {float: left;width: 75%;background: #f7f6f5 url('/images/sub/ceo_bg02.png') no-repeat 85% 20%;position: relative;padding-top: 59.4%}
.ceo > .right > div {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 100px 70px;text-align:left}
.ceo > .right > div strong {font-family: NanumSquare;font-size: 2.2em;font-weight:200;position:relative;margin-top:20px;display:block;word-break: keep-all}
.ceo > .right > div strong:before {content: '';top: -20px;left: 0;width: 82px;background-color: #000;height: 1px;display: inline-block;position: absolute;}
.ceo > .right > div p {margin-top:50px;font-size: 1.2em;line-height:2;word-break:keep-all}
.ceo > .right > div span {display:block;text-align:right;margin-top:50px;font-weight:600;font-size: 1.25em;}

/*연혁*/
.history_wrap .history_in {overflow:hidden; position:relative; padding:40px 0 0 0; background:url('/images/sub/bg_line.gif') center top repeat-y}
.history_wrap .history_in:first-child {padding:12px 0 0 0;}
.history_wrap .history_in:first-child:after {content: '';position: absolute;top: 0px;width: 12px;height: 12px;margin-left: -6px;background: url('/images/sub/bg_belit.jpg') no-repeat center}
.history_wrap .history_in:last-child:after {content: '';position: absolute;left: 50%;bottom: 0px;width: 12px;height: 12px;margin-left: -6px;background: url('/images/sub/bg_belit.jpg') no-repeat center}
.history_wrap .history_in:nth-child(even) .img {float:left; text-align:right}
.history_wrap .history_in:nth-child(even) .txt {float:right; text-align:left}
.history_wrap .history_in:nth-child(odd) .img {float:right; text-align:left}
.history_wrap .history_in:nth-child(odd) .txt {float:left; text-align:right}
.history_wrap .history_in .img {width:50%; padding:0 30px}
.history_wrap .history_in .img img {max-width:100%}
.history_wrap .history_in .txt {width:50%}
.history_wrap .history_in .txt dl {padding:54px 0 0 0}
.history_wrap .history_in .txt dl dt {position: relative;padding: 0 110px 0 0;font-size: 2.6em;color: #ff3600;font-family: NanumSquare;font-weight: 700}
.history_wrap .history_in .txt dl dd {padding:0 110px 0 0;}
.history_wrap .history_in .txt dl dd strong {display: block;font-size: 1.2em;color: #111111;line-height: 28px;font-weight: 600}
.history_wrap .history_in .txt dl dd span {display:block; font-size:1.1em; color:#555555; line-height:28px;}
.history_wrap .history_in:nth-child(odd) .txt dl dt:after {content: "";position: absolute;right: -11px;top: 15px;width: 82px;height: 22px;background: url('/images/sub/bg_l.gif') no-repeat right center}
.history_wrap .history_in:nth-child(even) .txt dl dt {padding:0 0 0 110px;}
.history_wrap .history_in:nth-child(even) .txt dl dt:after {content:"";position:absolute;left:-11px;top:15px; width:82px; height:22px; background:url('/images/sub/bg_r.gif') left center no-repeat;}
.history_wrap .history_in:nth-child(even) .txt dl dd {padding:0 0 0 110px;}


/*오시는길*/
.address {font-size: 1.2em;margin-top: 30px;line-height: 1.4;text-align: left;font-weight: 600}
.address em {font-size: 0.9em;margin-top: 10px;font-weight: 400}

/*일정*/
.calendar {overflow:hidden;background-color: #fff;color:#1b1b1b;clear: both;}
.calendar a {color:#1b1b1b}
.c_title {text-align: center}
.c_title > span {float:left}
.c_title > p {font-size: 1.7em;font-weight: 600}
.c_title > p > .per {background: url('/images/common/n_p.gif') no-repeat 0 0;text-indent: -999em;display: inline-block;width: 10px;height: 17px;position: relative;top: 10px;left: -9px}
.c_title > p > .next {background: url('/images/common/n_p.gif') no-repeat -27px 0;text-indent: -999em;display: inline-block;width: 10px;height: 17px;position: relative;top: 10px;right: -9px}
.calendar ul {clear: both;border: 1px solid rgba(0,0,0,0)}
.calendar ul li.day {padding: 5px 0;background-color: #efeded;font-weight: 600;border-top: 2px solid}
.calendar ul li {float: left;width: 14.37%;text-align: center;line-height: 2;padding-bottom: 14%;border-width: 1px;margin-left: -1px;margin-top: -1px;border-style: solid;border-color: #c2c2c2;position: relative;overflow:hidden}
.calendar ul li p {color: #1b1b1b;position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: left;padding: 8px;line-height: 1}
.calendar ul li p.on {background-color: #f2f2f2}
.calendar ul li p span {height: 90%;overflow: hidden;display: block;margin-top:2%}
.calendar ul li p span a {display: block;color: #1b1b1b;font-size: 0.8em;line-height: 1.1;margin-top: 10px;overflow: hidden;overflow-wrap: normal;text-overflow: ellipsis;white-space: nowrap}
.calendar ul li p span a.go {border: 1px solid #fb2208;text-align: center;line-height: 2;background-color: #ff7428;border-radius: 3px;color: #fff;font-weight: 600}
.calendar ul li p span a.go:hover {border: 1px solid #931102;background-color: #b94100;color: #fff}
.calendar ul li p span a.end {border: 1px solid #484848;text-align: center;line-height: 2;background-color: #636362;border-radius: 3px;color: #fff;font-weight: 600}

.session dt {font-size: 1.2em}
.session dd {font-weight: 200;margin-top:7px}

/*faq*/
.faq-list {border-top:solid 2px #656d78;}
.faq-list dt {border-bottom:solid 1px #ccc;font-size:1.286em;color:#111;font-weight:600;line-height:1.5em;padding:21px 80px;position:relative;}
.faq-list dt:before {content:"";position:absolute;left:20px;top:15px;width:40px;height:40px;background:url(/images/common/ico_faq.png) left top no-repeat #ff3f00;}
.faq-list dt:after {content:"";position:absolute;right:20px;top:50%;margin-top:-3px;width:10px;height:6px;background:url(/images/common/ico_faq.png) right bottom no-repeat;}
.faq-list dt.on:after {background-position:left bottom;}
.faq-list dd {border-bottom:solid 1px #ccc;padding:20px 80px;background:#f7f7f7;position:relative;display:none;}
.faq-list dd:before {content:"";position:absolute;left:20px;top:20px;width:40px;height:40px;background:url(/images/common/ico_faq.png) right top no-repeat #ffac02;}

/*회원가입*/
.join-form textarea {border: solid 1px #c5c5c5;padding: 40px;line-height: 23px;color: #767676;width: 100%;height: 260px}
.join-form .agree-radio {margin-top: 10px}
.login-form-in {max-width: 500px;margin: 0 auto;border:1px solid #e1e1e1;padding: 20px}
.login-form-in fieldset {border-bottom: solid 1px #ddd;padding-bottom: 20px}
.login-form-in input[type="text"], .login-form-in input[type="password"] {margin-bottom: 5px;border: solid 1px #ccc;width: 100%;height: 50px;padding: 0 20px;box-sizing: border-box;line-height: 48px}
.login-form-in input[type="submit"] {margin-top: 3px;height: 60px;width: 100%;background: #ff7300;border: 0;color: #fff;font-size: 1.143em;font-weight: 700}
.member-btn {margin: 20px 0 0 -10px}
.member-btn li > a {display: block;line-height: 2.4;border: solid 1px #999;color: #333;font-weight: 700;text-align: center}
.member-btn li {float: left;width: 33.3333%;padding-left: 10px;box-sizing: border-box}
.member-btn:after {content: "";display: block;clear: both}
.member-choice-box input[type="text"] {height: 35px;line-height: 35px}
.member-choice-box input[type="text"] {height: 35px;line-height: 35px}

.border-tb-box {text-align: center;border-top: solid 1px #0f0f0f;border-bottom: solid 1px #e1e1e1;padding: 40px 0}
.border-tb-box.left {padding:45px 0px;letter-spacing:-0.05em;text-align:left}
.border-tb-box.left h3:first-child {margin-top:0}
.border-tb-box.left h3 {margin-top:30px;line-height: 1em;margin-bottom: 20px}
.border-tb-box.left p {padding-bottom:20px;}
.border-tb-box.left h4 {color:#787878;margin:0;font-size:14px;line-height:1.714em;}
.border-tb-box.left .indent01 {text-indent:-5.5em;padding-left:5.5em;}
.border-tb-box.left .indent02 {text-indent:-9.2em;padding-left:9.2em;}

.form-inline input {width:100%;}
.form-inline .companyno {width:316px;}
.form-inline .companyno:after {content:"";display:block;clear:both;}
.form-inline .companyno li {float:left;padding-left:18px;position:relative;box-sizing:border-box;}
.form-inline .companyno li:nth-child(1) {padding-left:0;width:30%;}
.form-inline .companyno li:nth-child(2) {width:30%;}
.form-inline .companyno li:nth-child(3) {width:40%;}
.form-inline .companyno li:before {content:"-";position:absolute;left:6px;top:0;line-height:35px;color:#cbcbcb;}
.form-inline .companyno li:first-child:before {content:"";}
.form-inline .email {width:500px;}
.form-inline .email:after {content:"";display:block;clear:both;}
.form-inline .email li {float:left;padding-left:10px;position:relative;box-sizing:border-box;}
.form-inline .email li:nth-child(1) {padding-left:0;width:25%;}
.form-inline .email li:nth-child(2) {width:35%;padding-left:20px;}
.form-inline .email li:nth-child(2) > span {position:absolute;left:0;top:0;line-height:35px;text-align:center;width:20px;}
.form-inline .email li:nth-child(3) {width:40%;}
.form-inline .email li .select-box {width:100%;}
.form-inline-list {display:inline-block;margin:18px auto 20px}
.form-inline-list > li {margin-top:15px;text-align:left;}
.form-inline-list > li:first-child {margin-top:0;}
.form-inline-list li label {width:115px;float:left;text-align:right;font-size:1em;font-weight:700;letter-spacing:-0.05em;line-height:35px;}
.form-inline-list li .form-inline {padding-left:126px;text-align:left;}

/*공통레이아웃*/
.basic_wrap {max-width:1100px;margin:60px auto}
.Etc {font-size: 0.8em;float: right;color: #ff7300;position:relative;line-height: 2.1}
.duty {font-size: 0.8em;float: right;color: #ff7300;position:relative;line-height: 2.1}
.duty:before {background: url(/images/sub/duty.gif) no-repeat;content: "";height: 7px;left: -10px;position: absolute;top: 11px;width: 7px}
.check {background: url(/images/sub/duty.gif) no-repeat 0 0;text-indent: -999em;overflow: hidden;text-align: left;margin-right: 6px;display: inline-block;width: 7px;height: 9px}
.sub_title {}
.sub_title.member {background: url(/images/sub/menber_img.gif) no-repeat}
.sub_title article {padding-left: 200px}
.sub_title article dl {}
.sub_title article dt {font-size: 1.3em;font-weight: 600;color: #1b1b1b;padding-bottom: 10px}
.sub_title article dd {position:relative;padding-left: 14px}
.sub_title article dd:before {background: url(/images/sub/dot.gif) no-repeat;content: "";height: 6px;left: 0;position: absolute;top: 7px;width: 6px}

.book {overflow: hidden;padding: 20px;border-bottom: 1px solid #ccc}
.book li {float:left}
.book li img {width: 100px}
.book li:nth-child(2) {padding-left: 28px;position: relative;width: 80%}
.book li dl > dt {font-size: 1.2em;color: #000;font-weight: 600;padding-bottom: 8px}
.book li dl > dd span {display: block;font-weight: 800}
.book_title {font-size: 1.1em;border-bottom: 1px solid #ccc;padding: 13px}
.book li .list {overflow: hidden}
.book li .list > dt {float: left;clear: both;width: 65px;color: #000;font-weight: 600}
.book li .list > dd {float: left}
.book .textlist {padding-top: 34px;width: 100%}
.book .textlist p {border: 1px solid #ccc;padding: 20px}

/**버튼**/
.tac {text-align:center;clear: both}
.tal {text-align:left;clear: both}
.tar {text-align:right;clear: both}
.btn_01 {display: inline-block;background-color: #fff;border: 1px solid #aeaeae;padding: 8px 0;border-radius: 2px;text-align: center;width: 100%}
.btn {min-width: 60px;width: auto;padding: 0 16px;margin: 0;font-weight: 600;font-size: 13px;line-height: 2.4;cursor: pointer;display: inline-block;border: 1px solid #989898;border-radius: 0}
.btn.gray {border: 1px solid #575757;background: #575757;color:#fff}
.btn.basic {border: 1px solid #ff7300;background: #ff7300;color:#fff}
.bt_large {min-width: 300px}
.line {background-color: #fff;color: #1b1b1b;border-color: #cbcbcb}

.btn_big {min-width: 134px;width: 100%;text-align: center;margin: 0;font-weight: 600;font-size: 16px;line-height: 2.7;cursor: pointer;display: inline-block;border: 1px solid #575757}
.btn_big.orange {background-color:#fc8a37;border: 1px solid #fc8a37;color:#fff}
.btn_big.grey {background-color:#212230;border: 1px solid #212230;color:#fff}

/**테이블**/
.tal_box {border-top: 2px solid #303234}
.tal_type01 th {background-color:#f7f7f8;border-bottom:1px solid #dedede}
.tal_type01 th.colnone {background: none}
.tal_type01 .tit {font-weight:600}

.tal_type01 .w70px {width:70px}
.tal_type01 .w90px {width:90px}
.tal_type01 .w120px {width:120px}
.tal_type01 .w200px {width:200px}

.tal_type01 th,.tal_type01 td {text-align:center;padding:8px}
.tal_type01 td {border-bottom:1px solid #dedede}
.tal_type01 td.tal {text-align:left}
.tal_type01 td.ell {text-overflow: ellipsis;white-space: nowrap;overflow: hidden}

.tbl-type01 th {text-align:left;padding:14px 0 14px 20px;background:#f1f1f1;font-weight:400;border-bottom:solid 1px #ccc;width:180px}
.tbl-type01.work th {border-left:none}
.tbl-type01.work td {border-left:none;padding-left: 20px}
.tbl-type01 td {padding:10px 20px;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.tbl-type01 td.bnone {border-left:none;padding:10px 0}
.tbl-type01 td.comment {border-left:0;padding:20px 0}
.tbl-type01 textarea {border: solid 1px #c5c5c5;padding: 20px;line-height: 23px;color: #767676;width: 100%;height: 260px}
.file_icon {background: url('/images/common/ico_file.png') no-repeat 0 -57px;display: inline-block;text-indent: -999em;width: 20px;height: 20px}
.notice_icon {font-size: 11px;font-weight: 600;display: inline-block;background-color: #fb7d01;color: #fff;padding: 1px 7px;border-radius: 3px}
a.new {position:relative;padding-left: 17px}
a.new:after {position: absolute;background: url('/images/common/new_n.gif') no-repeat 0 0;top: 2px;left: 0;width: 12px;height: 12px;content: ''}
td .td-comment {font-size: 12px;color: #767676;line-height: 1em;margin-top: 6px}
.text-bbsbox dl {padding: 10px 15px;overflow: hidden;border-bottom: 1px solid #dedede}
.text-bbsbox dt {float: left;padding-right: 10px;font-weight: 600}
.text-bbsbox dd {float: left;padding-right: 20px}
.text-bbsbox .bbstitle {display: block;border-top: 2px solid;padding: 10px 10px 10px 20px;background-color: #f7f7f8;border-bottom: 1px solid #dedede}
.text-bbsbox .textview {padding:30px 20px}
.bbs_pre_next {padding: 15px 20px;overflow: hidden;border-bottom: 1px solid #dedede;background-color: #f7f7f8;border-top: 1px solid #dedede;margin-top: 75px;}
.bbs_pre_next dt {float: left;padding-right: 25px;font-weight: 600;clear: both}
.bbs_pre_next dd {float: left}
.btn-tbl {display: inline-block;min-width: 90px;padding: 0 11px;text-align: center;line-height: 35px;background: #8f8f8f;color: #fff;font-weight: 700;vertical-align: middle}
.file_input label input {position: absolute;width: 0;height: 0;overflow: hidden;border: none}
input[type="file"] {height: 26px;line-height: 26px;padding: 0 5px;border: 1px solid #cccccc;cursor: pointer}
.file {text-align: right;padding: 13px 0;border-bottom: 1px solid}

/**파일다운로드**/
.file {text-align: right;padding: 13px 0;border-bottom: 1px solid}
.file.left {text-align: left;border:none;padding:0}
.file a {background: url('/images/common/ico_file.png') no-repeat 0px 0px;display: inline-block;padding-left: 26px;margin-left: 15px;font-size:12px;height:19px}
.file a.first {margin-left: 0}
.file a.hwp {background-position:0 -29px}
.file a.zip {background-position:0 -58px}
.file a.xlx {background-position:0 -87px}
.file a.doc {background-position:0 -116px}
.file a.pdf {background-position:0 -146px}

/**페이징**/
.paging {text-align:center}
.paging a, .paging strong {display: inline-block;border: 1px solid #fff;width: 25px;height: 25px;line-height: 1.6;font-weight:600}
.paging a:hover, .paging a:active, .paging a:focus {background-color:#fb7d01;border: 1px solid #fb7d01;color:#fff}
.paging a.Sprev, .paging a.prev, .paging a.next, .paging a.Snext {background: url('/images/common/paging.gif') no-repeat 4px center}
.paging a.prev {background-position:-49px center}
.paging a.next {background-position:-108px center}
.paging a.Snext {background-position:-164px center}
.paging strong {background-color:#fb7d01;border: 1px solid #fb7d01;color:#fff}
.paging a.Sprev, .paging a.prev, .paging a.next, .paging a.Snext {text-indent:-999em}

.sub_search {border-top: 2px solid;padding: 40px 10px;border-bottom: 1px solid #dbdbdb;text-align: center;background-color: #f6f6f6}
.sub_search > .select-box {}
.sub_search > .select-box label.block {margin-left: 10px}
.sub_search > .select-box label.block.start {margin-left: 0px}
.inb {display:inline-block}

/*브렌드소개*/
.brand_title {width: 100%;display: table}
.brand_title li {display: table-cell;text-align: center;vertical-align: middle}
.brand_title li p {margin-bottom: 30px;font-size: 1.7em}
.brand_title > li:first-child > img {max-width:100%}
.product {display: table;table-layout: fixed;width: 100%}
.product li {float: left;width: 33.33333%;text-align: center}
.product li strong {display: block;font-size: 1.3em;font-weight: 600;padding: 13px 0 7px}
.product li span {font-size: 0.9em;font-weight: 600;padding-bottom: 13px;display: block}
.product.sfont li strong {font-size: 1.1em}
.btn_line {display: inline-block;padding: 7px 29px;border: 1px solid #c9c9c9;font-weight: 600;color: #777}
.btn_line02 {display: inline-block;padding: 7px 29px;border-width: 1px 1px 1px 0;border-style:solid;border-color: #c9c9c9;font-weight: 600;color: #777}
.btn_line03 {display: inline-block;padding: 7px 29px;border-width: 1px 1px 1px 1px;border-style:solid;border-color: #c9c9c9;font-weight: 600;color: #777}
.product_bottle {background: url('/images/sub/product_bg.jpg') no-repeat left center;position: relative;padding-top: 55%;margin-bottom: 200px}
.product_bottle.img02 {background: url('/images/sub/product_bg02.jpg') no-repeat left center;position: relative;padding-top: 55%;margin-bottom: 200px}
.product_bottle .fruit {position: absolute;bottom: -181px;right: -102px}
.product_bottle .fruit.img02 {position: absolute;bottom: -181px;right: -41px}
.product_bottle dl {position:absolute;top:100px;right:30px;background-color: #fff;padding: 100px 70px 163px 70px;width: 600px;}
.product_bottle dt p {font-size: 2.0em;font-weight: 600;color: #67437b;margin-top: 12px}
.product_bottle dd {font-size: 1.2em;margin-top: 15px}
.product_bottle dd em {color:#1b1b1b;font-weight: 600}
.product_bottle_end {background: url(/images/sub/product_end_bg.jpg) no-repeat center /cover;position: relative;padding-top: 35%;margin-bottom:200px}
.product_bottle_end p {color: #fff;text-align: center;margin-top: -237px;font-size: 1.32em;font-weight: 600;position: relative}
.product_bottle_end p:before {position:absolute;top:-17px;left:50%;content:'';height:1px;width:50px;background-color:#fff;margin-left: -16px}
.product_bottle_end .bottle {position:absolute;bottom:-120px;right:0}
.product_bottle_end .bottle.img02 {position:absolute;bottom:-140px;right:20px}

/*제품소개*/
.product_title {width: 100%;display: table}
.product_title > li {display: table-cell;text-align: center;vertical-align: middle;width:40%}
.product_title > li:first-child {width:60%}
.product_title > li:first-child > img {max-width:100%}
.product_title > li > div {text-align:left}
.product_title > li > div > strong {display:block;font-family: NanumSquare;font-size:2.1em;color:#1b1b1b}
.product_title > li > div > span {display:block;font-family: NanumSquare;font-size:1.8em;color:#1b1b1b}
.product_title > li > div > span.red {color:#fe404d}
.product_title > li > div > span.green {color:#05b72c}
.product_title > li > div > span.yellow {color:#e8a911}
.product_title > li > div > span.yellow02 {color:#ff8b33}
.product_title > li > div > span.yellow03 {color:#d5a118}
.product_title > li > div > span.yellow04 {color:#fe9a05}
.product_title > li > div > p {font-size: 1.18em;font-weight: 600;word-break: keep-all}
.btn_box li {width:50%;float:left;padding-right:5px}
.product_information {border-top: 2px solid #000;word-break:keep-all}
.product_information th, .product_information td {padding: 10px 5px 10px 13px;border-bottom: 1px solid #c9c9c9}
.product_information th {background-color:#f3f3f3;font-weight:600}
.product_information td {}

.line_box {background-color:#fafafa;border:1px solid #e2e2e2;padding:20px 20px 15px 20px}
.line_box li {text-indent:-15px;padding-left:15px;margin-bottom:5px}

/*etc*/
hr.diagonal {height: 6px;background: url(/images/sub/diagonal.gif);border: none}
hr.space {height: 5px;border: 0;background: #fff}
hr.line {height: 11px;background: url('/images/sub/line.gif');border: none;margin:0}
hr.cline {width: 1px;height: 82px;border: 0;background: #bfbfbf;margin: 40px auto}


.r_block {display: inline-block}
.clb:after {content:'';display:block;clear: both}
.mobile {display:none}
input[type="submit"].btn-img-calendar {position: relative;top: 0;right: 30px;background: url('/images/common/calendar.gif') no-repeat 0 7px;border: none;padding: 0px;width: 22px;text-indent: -999em;margin-right: -21px}

/*암막 및 팝업*/
#dimmed {background-color: #000;bottom: 0;display: none;left: 0;opacity: 0.7;position: fixed;right: 0;top: 0;z-index: 2}
.pop-wrap {display: none;left: 50%;position: absolute;top: 0;z-index:3;background-color: #fff}
.pop-wrap-inner {width: 500px}
.pop-wrap-inner header {background-color: #2a3f54;min-height: 40px}
.pop-wrap-inner header h2 {color: #fff;font-size: 20px;font-weight: 400;line-height: 1em;padding: 20px 30px}
.panel-body {padding: 15px}
.pop-close.heading {right: 30px;top: 20px}
.pop-close {background: url("/images/common/ico_x.png") no-repeat left top;display: block;height: 16px;overflow: hidden;position: absolute;right: 12px;text-indent: -999em;top: 12px;width: 16px}

.writeform > li > div {width: 64%}
.writeform > li > div > input {width:100%}

@media screen and (max-width: 1200px){
	#subtitle_wrap {margin-top: 90px}
	
}

@media screen and (max-width: 1100px){
	#sub_wrap {padding:0 3%}
	.Introduce {padding:0}
	#subtitle_wrap {padding:0 3%}
	.diagnosis {padding: 0 3%}
	.product_bottle {margin-bottom: 280px}
	.ceo > .left {height: 300px}
	.ceo > .left, .ceo > .right {width:100%;padding: 0}
	.ceo > .left > .top {width:50%;float:left;padding: 9%;height: 100%}
	.ceo > .left > .bottom {width:50%;float:left;padding: 15.75%;height: 100%}
	.ceo > .right > div {position: relative;font-size: 0.9em}
	
}

@media screen and (max-width: 1000px){
	.product_bottle {background-position:center;padding-top: 2%;background-size: cover}
	.product_bottle dl {position:relative;right:0;margin: 3%;top:0;width:auto}
	.product_bottle .fruit {right: 0}
	.product_bottle_end .bottle.img02 {max-width: 30%}
	.product_bottle_end p {margin-top: -23%;font-size:1.1em;padding:0 3%}
	.product_title > li, .product_title > li:first-child {width:100%;display: block}
	.brand_title > li:first-child > img {width:100%}
}
@media screen and (max-width: 870px){
	.press li {float: left;position: absolute;height: auto}
	.inb {display:block;margin-bottom:5px}
	.top_menu_wrap > h2 {text-align: center;font-size: 1.8em;margin-top: 38px}
	.brand_title li {display:block;padding-bottom: 40px}
	
}

@media screen and (max-width: 800px){
	.top_menu_wrap > nav {display:none}
	#subtitle_wrap {height: 105px}
	.floatleft thead {display: none}
	.list_box01 > li {width:100%}
	.floatleft tr {border-bottom: 1px solid #dedede;padding: 7px 5px;display: block;overflow: hidden}
	.press li {float: none;position: relative;height: auto;text-align: center}
	.press li:nth-child(2) {padding: 10px 0 0 0;position: relative;text-align: left}
	.floatleft td {float: left;border: none;padding: 4px 10px 0 0}
	.floatleft .w90px, .floatleft .w70px, .floatleft .w120px, .floatleft .w200px {padding: 4px 10px 0 0;width: auto}
	.floatleft .tit {width: 95%}
	.product_bottle dl {position:relative;right:0;padding: 10% 4% 14%}
	.product_bottle dt p {font-size: 1.3em;}
	.product_bottle .fruit {width: 79%;right: -24px}
	.product_bottle_end {padding-top: 78%}
	.product_bottle_end p {margin-top: -50%}
	.product_bottle_end .bottle {bottom: -64px;left: 20px}
	.product li {width:50%}
	.product, .product li {display: block;padding-bottom:40px}
	.product, .product li:last-child {padding-bottom:0}
	.product_bottle_end .bottle.img02 {max-width: 60%;}

	.history_wrap .history_in {padding:0; background:none;}
	.history_wrap .history_in:first-child:after {display:none;}
	.history_wrap .history_in:last-child:after {display:none;}
	.history_wrap .history_in:nth-child(even) .img {float:none; display:block; width:100%; margin-top:30px; padding:0; text-align:left;}
	.history_wrap .history_in:nth-child(even) .txt {float:none; display:block; width:100%; text-align:left;}
	.history_wrap .history_in:nth-child(odd) .img {float:none; display:block; width:100%; margin-top:30px; padding:0; text-align:left;}
	.history_wrap .history_in:nth-child(odd) .txt {float:none; display:block; width:100%; text-align:left;}
	.history_wrap .history_in:first-child .img {margin-top:0px;}
	.history_wrap .history_in:nth-child(odd) .txt dl dt:after {background:none;}
	.history_wrap .history_in:nth-child(even) .txt dl dt:after {background:none;}
	.history_wrap .history_in:nth-child(even) .txt dl dt {padding:0;}
	.history_wrap .history_in:nth-child(even) .txt dl dd {padding:0;}
	.history_wrap .history_in .txt {margin-top:30px;}
	.history_wrap .history_in .txt dl {padding:0;}
	.history_wrap .history_in .txt dl dt {padding:0; font-size:36px;}
	.history_wrap .history_in .txt dl dd {margin-top:15px; padding:0;}
	.history_wrap .history_in .txt dl dd strong {font-size:1.1em; line-height:22px;}
	.history_wrap .history_in .txt dl dd span {font-size:1em; line-height:22px;}
	.tal_type01 th.colnone {border-bottom:0}
}

@media screen and (max-width: 640px){
	.pc {display:none}
	.mobile {display:inline-block}
	.book li img {width: auto}
	.book li {width:100%;float:none;text-align:center}
	.book li:nth-child(2) {width:100%;padding:30px 0 0 0;text-align:left}
	.calendar ul li p span {display: none}
	.product_bottle_end p {margin-top: -55%}
	.top_menu_wrap > h2 {font-size: 1.3em}
	.top_menu_wrap > h2 > span {font-size: 0.9em;}
	.ceo > .right > div strong {font-size: 1.5em}
	.ceo > .left {height:auto}
	.ceo > .left > .top, .ceo > .left > .bottom {width:100%}
	.ceo > .left > .bottom {padding:40%;background-size: cover}
	.ceo > .right > div {padding: 50px 30px}
	.submenu li a {font-size: 0.9em}
	.Introduce > .ci > p {padding-left:0;position: inherit;padding-top:20px}
	.product li {width:100%}
	
}
@media screen and (max-width: 400px){
	.utility ul li a {padding-left:16px}
	.product_bottle_end .bottle {bottom: -95px;left: 10px}


}

@media screen and (max-width: 360px){
	.product_bottle dl {padding: 10% 6% 5%}
	
	
}