@charset "euc-kr";

/* ==================================================
// ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ
================================================== */
section.policy{padding:60px 0 100px;}
section.policy div.box_bracket{margin-top:10px; padding:0 90px;}
section.policy div.box_bracket:after{display:none;}
div.policy-terms{padding:55px 0; color:#616161; font-size:16px; line-height:24px;}
div.policy-version{margin-top:40px;}
div.policy-version div.select{width:385px;}

@media (max-width:1200px) {/* ÅÂºí¸´ */
	section.policy{padding:50px 0 60px;}
	section.policy h2.title_main{margin-left:40px;}
	section.policy div.box_bracket{margin:10px 40px 0; padding:0 30px;}
	div.policy-terms{padding:45px 0;}
	div.policy-version{margin-top:30px;}
}

@media (max-width:1200px) and (min-resolution:.001dpcm) {/* ÅÂºí¸´ + Chrome (Android) */
	div.join-step li figcaption{letter-spacing:0;}
}

@media (max-width:760px) {/* ¸ð¹ÙÀÏ */
	section.policy{padding:25px 0 20px;}
	section.policy h2.title_main{margin-left:20px;}
	section.policy div.box_bracket{margin:5px 20px 0; padding:0 15px; border-bottom:0;}
	div.policy-terms{padding:15px 0;}
	div.policy-version{margin:25px -15px 0;}
	div.policy-version div.select{width:100%;}
}


/* ==================================================
// ´º½º·¹ÅÍ
================================================== */
div.newsletter{padding:60px 0 100px;}
div.newsletter-content{margin-top:10px; width:1200px; height:753px; border:1px solid #3c3c3c; border-width:1px 0; background:url("../images/content/newsletter_bg.jpg") no-repeat 0 100%;}
div.newsletter p{padding-top:183px; color:#5e4e3b; font-size:16px; line-height:24px; text-align:center;}
div.newsletter p strong{font-weight:bold;}
div.newsletter section{margin:90px auto 70px; width:510px;}
div.newsletter section h3{color:#5e4e3b; font-weight:bold; font-size:26px; text-align:center;}
div.newsletter section label{display:block; margin-top:22px; padding-left:38px;}
div.newsletter section label:before{margin-top:2px;}
div.newsletter section label span{display:inline-block; padding-left:8px; color:#5e4e3b; font-size:14px; line-height:24px;}
div.newsletter section label span br.mo{display:none;}
div.newsletter section p.note{margin-top:22px; padding-top:0; color:#5e4e3b; font-size:14px; line-height:48px;}
div.newsletter section p.note + table.form td input[type="text"]{width:100%; background:#eee;}
div.newsletter section table.form{margin-top:13px; border-top:1px solid #e1dbd9;}
div.newsletter section table.form th{padding-top:23px; padding-left:5px; color:#5e4e3b;}
div.newsletter section table.form td{padding-top:13px;}
div.newsletter section table.form td input[type="text"]{float:left; width:300px; background:#fff;}
div.newsletter section table.form td button.btn_check{margin-left:10px; padding-top:2px; width:100px; height:40px; border:1px solid #5e4e3b; color:#5e4e3b; font-weight:bold; font-size:14px;}
div.newsletter section div.buttonset{margin-top:10px; text-align:center;}
div.newsletter section div.buttonset button.btn_apply{padding-top:2px; width:134px; height:36px; background:#3c3c3c; color:#fff; font-weight:bold; font-size:14px;}
div.newsletter small{display:block; color:#928a81; font-size:12px; line-height:15px; text-align:center;}
div.newsletter small a{font-weight:bold;}
div.newsletter small br.mo{display:none;}

@media (max-width:1200px) {/* ÅÂºí¸´ */
	div.newsletter{padding:50px 0 60px;}
	div.newsletter h2{padding-left:40px;}
	div.newsletter-content{margin:10px 40px 0; width:auto; height:772px; background:url("../images/content/newsletter_bg_tablet.jpg") no-repeat 50% 100%;}
	div.newsletter p{padding-top:188px;}

	div.newsletter p strong,
	div.newsletter section h3,
	div.newsletter section table.form td button.btn_check,
	div.newsletter section div.buttonset button.btn_apply,
	div.newsletter small a{letter-spacing:-1px;}
}

@media (max-width:1200px) and (min-resolution:.001dpcm) {/* ÅÂºí¸´ + Chrome (Android) */
	div.newsletter p strong,
	div.newsletter section h3,
	div.newsletter section table.form td button.btn_check,
	div.newsletter section div.buttonset button.btn_apply,
	div.newsletter small a{letter-spacing:0;}
}

@media (max-width:760px) {/* ¸ð¹ÙÀÏ */
	div.newsletter{padding:25px 0 0;}
	div.newsletter h2{padding-left:20px;}
	div.newsletter-content{margin:5px 0 0; width:auto; height:444px; border-bottom:0; background:url("../images/content/newsletter_bg_mobile.jpg") no-repeat 50% 100%; background-size:auto 444px;}
	div.newsletter p{padding-top:75px; font-size:10px; line-height:15px;}
	div.newsletter section{margin:55px auto 45px; width:308px;}
	div.newsletter section h3{font-size:18px;}
	div.newsletter section label{margin-top:16px; padding-left:24px;}
	div.newsletter section label:before{margin-top:0;}
	div.newsletter section label span{padding-left:7px; font-size:11px; line-height:15px;}
	div.newsletter section label span br{display:none;}
	div.newsletter section label span br.mo{display:block;}
	div.newsletter section p.note{margin-top:40px; font-size:11px; line-height:1;}
	div.newsletter section table.form{display:block; margin-top:17px; border-top:0;}
	div.newsletter section table.form tbody,
	div.newsletter section table.form tr{display:block;}
	div.newsletter section table.form th{display:none;}
	div.newsletter section table.form td{display:block; padding:0 24px;}
	div.newsletter section table.form td:after{display:block; clear:both; content:"";}
	div.newsletter section table.form td input[type="text"]{width:195px;}
	div.newsletter section table.form td button.btn_check{margin-left:0; padding-top:0; width:65px; height:35px; font-size:11px;}
	div.newsletter section div.buttonset{margin-top:20px;}
	div.newsletter section div.buttonset button.btn_apply{padding-top:0; width:115px; height:34px; font-size:11px;}
	div.newsletter small{font-size:10px; line-height:14px;}
	div.newsletter small br.mo{display:block;}
}


/* ==================================================
// Á¤±â±¸µ¶
================================================== */
div.subscribe{padding:90px 0 100px;}
div.subscribe .title_line{margin:0;}

/* Á¤±â±¸µ¶ - ÅǸ޴º */
nav.subscribe-tab{margin-top:40px; border:1px solid #ebebeb; border-width:1px 0;}
nav.subscribe-tab ul:after{display:block; clear:both; content:"";}
nav.subscribe-tab li{float:left; width:25%;}
nav.subscribe-tab li a{display:block; height:50px; color:#9d9d9d; font-weight:bold; font-size:16px; line-height:52px; text-align:center;}
nav.subscribe-tab li.on a{background:#ebebeb; color:#3c3c3c;}

/* Á¤±â±¸µ¶ - ¾È³» */
div.subscribe-info{margin-top:80px;}
/* div.subscribe-info ul{padding:0 15px; background:url("../images/content/subscribe_info_bg.png") no-repeat 0 371px;} */
div.subscribe-info ul{padding:0 15px; background:url("../images/content/subscribe_info_bg.png") no-repeat 0 355px;}
div.subscribe-info ul:after{display:block; clear:both; content:"";}
/* div.subscribe-info li{float:left; padding:0 55px; width:390px; color:#3c3c3c;} */
div.subscribe-info li{float:left; padding:0 60px; width:33%; color:#3c3c3c;}
div.subscribe-info li .img{padding-top:136.07142%;}
div.subscribe-info li figcaption{margin-top:78px;}
div.subscribe-info li dl br.mo{display:none;}
div.subscribe-info li dt{margin-bottom:20px;}
div.subscribe-info li dt img{width:auto; height:20px;}
div.subscribe-info li dt.martha img{width:auto; height:27px;}
div.subscribe-info li dt p{margin-top:23px; font-size:20px; line-height:24px;}
div.subscribe-info li dt.martha p{margin-top:16px; font-size:20px; line-height:24px;}
div.subscribe-info li dd{font-size:14px; line-height:24px;}
div.subscribe-info li dd strong{display:inline-block; margin-left:5px; font-weight:bold; text-decoration:underline;}
div.subscribe-info li dd strong span{font-weight:normal;}
div.subscribe-info figure.abc{margin-top:53px; padding:40px 70px 0; border-top:1px solid #ebebeb; color:#9d9d9d; font-size:14px; line-height:24px;}
div.subscribe-info figure.abc img{float:left; width:190px;}
div.subscribe-info figure.abc figcaption{margin-top:-3px; padding-left:210px;}

/* Á¤±â±¸µ¶ - °øÁö»çÇ× */
section.subscribe-notice{margin-top:93px; color:#9d9d9d; font-size:14px; line-height:24px;}
section.subscribe-notice strong{color:#616161;}
section.subscribe-notice strong span{text-decoration:underline;}
section.subscribe-notice > ul{padding:48px 65px 0;}
section.subscribe-notice > ul > li{position:relative; margin-top:13px; padding-left:10px;}
section.subscribe-notice > ul > li:before{display:block; position:absolute; top:9px; left:0; width:2px; height:2px; background:#3c3c3c; content:"";}
section.subscribe-notice ul.deposit{margin:4px 0 7px;}
section.subscribe-notice ul.deposit:after{display:block; clear:both; content:"";}
section.subscribe-notice ul.deposit li{float:left; width:25%;}
section.subscribe-notice ul.deposit li strong{display:inline-block; margin-right:5px;}

/* Á¤±â±¸µ¶ - ½Å±Ô ±¸µ¶ÀÚ ¼±¹° */
div.subscribe-gift{padding:40px 170px 0;}
div.subscribe-gift .select{float:right; width:200px;}
div.subscribe-gift .content{clear:both;}

/* Á¤±â±¸µ¶ - ¾Öµ¶ÀÚ ¼±¹° */
div.subscribe-giftaud{padding:40px 170px 0;}
div.subscribe-giftaud .select{float:right; width:200px;}
div.subscribe-giftaud .content{clear:both;}

/* Á¤±â±¸µ¶ - ±¸µ¶½Åû */
/* div.subscribe-apply section{margin:0 170px; padding:80px 0 50px; border-top:1px solid #3c3c3c;} */
div.subscribe-apply section{margin:0 170px; padding:80px 0 50px;}
div.subscribe-apply section:first-child{padding-top:60px; border-top:0;}
div.subscribe-apply section h3{color:#3c3c3c; font-weight:bold; font-size:30px; text-align:center;}
div.subscribe-apply section div.note{margin-top:16px; height:18px; text-align:center; line-height:20px;}
div.subscribe-apply section div.note > p{display:inline-block; color:#3c3c3c; font-weight:bold; font-size:14px;}
div.subscribe-apply section div.note > p:before{display:inline-block; margin:2px 6px 0 0; vertical-align:top; color:#ff0000; font-weight:normal; content:"*";}
div.subscribe-apply section table.form{margin-top:47px;}
div.subscribe-apply section table.form tr{border-top:1px solid #ebebeb;}
div.subscribe-apply section table.form th{padding-left:20px; color:#9d9d9d; font-size:16px;}
div.subscribe-apply section table.form th div.tooltip{position:relative; right:0;}
div.subscribe-apply section table.form td{padding-right:215px;}
div.subscribe-apply section table.form td > span{color:#3c3c3c;}
div.subscribe-apply section table.form td p{margin-right:-90px; color:#9d9d9d; font-size:12px; line-height:20px;}
div.subscribe-apply section table.form td label.checkbox{margin:9px 0; height:18px; color:#3c3c3c; font-size:14px; line-height:20px;}
div.subscribe-apply section table.form td label.checkbox:before{margin-right:8px;}
div.subscribe-apply section table.form td label.checkbox small{display:inline-block; color:#9d9d9d; font-size:12px;}
div.subscribe-apply section table.form tr.radio th{padding-top:19px;}
/* Á¤±â±¸µ¶ - ¸¶»ç ½ºÆ©¾îÆ® ¿þµù Ãß°¡ 20170829 */
/* div.subscribe-apply section table.form tr.radio td{padding:14px 215px 14px 0;} */
div.subscribe-apply section table.form tr.radio td{padding:14px 0 14px 0;}
/* div.subscribe-apply section table.form tr.radio td li{width:150px;} */
div.subscribe-apply section table.form tr.radio td li{width:120px;}
div.subscribe-apply section table.form tr.radio td li.wedding{width:270px;}
div.subscribe-apply section table.form tr.radio td li:first-child{width:130px;}
div.subscribe-apply section table.form tr.qty td input[type="tel"],
div.subscribe-apply section table.form tr.qty td input[type="text"]{margin-right:5px; width:120px;}
div.subscribe-apply section table.form tr.bank td .select{width:100%;}
div.subscribe-apply section table.form tr.bank td p{margin-top:10px; color:#3c3c3c; font-size:16px; line-height:20px;}

div.subscribe-apply div.buttonset{padding-top:60px; border-top:1px solid #3c3c3c; text-align:center;}
div.subscribe-apply div.buttonset ul{display:inline-block;}
div.subscribe-apply div.buttonset li{float:left; margin-left:40px;}
div.subscribe-apply div.buttonset li:first-child{margin-left:0;}
div.subscribe-apply div.buttonset li button{padding-top:2px; width:260px; height:80px; background:#9d9d9d; color:#fff; font-weight:bold; font-size:20px;}
div.subscribe-apply div.buttonset li button.btn_submit,
div.subscribe-apply div.buttonset li button.btn_complete{background:#3c3c3c;}
div.subscribe-apply div.buttonset li button.btn_complete[disabled]{border:2px solid #d6d6d6; background:#fff; color:#d1d1d1;}

@media (max-width:1200px) {/* ÅÂºí¸´ */
	div.subscribe{padding:50px 40px 60px;}

	nav.subscribe-tab{margin:40px -40px 0;}
	nav.subscribe-tab li a{letter-spacing:-1px;}

	div.subscribe-info{margin-top:60px;}
	div.subscribe-info ul{position:relative; padding:0 1.47058%; background:transparent;}
	/* div.subscribe-info ul:before{display:block; position:absolute; top:0; left:0; margin-top:31.34318%; padding-top:8%; width:100%; background:url("../images/content/subscribe_info_bg.png") no-repeat; background-size:100% auto; content:"";} */
	div.subscribe-info ul:before{display:block; position:absolute; top:0; left:0; margin-top:31.2%; padding-top:8%; width:100%; background:url("../images/content/subscribe_info_bg.png") no-repeat; background-size:100% auto; content:"";}
	/*div.subscribe-info li{position:relative; z-index:1; padding:0 4.41176%; width:25%;}*/
	div.subscribe-info li{position:relative; z-index:1; padding:0 4.41176%; width:33%;}
	div.subscribe-info li figcaption{margin-top:72px;}
	div.subscribe-info li dt img{height:16px;}
	div.subscribe-info li dt.martha img{height:23px;}
	div.subscribe-info li dt p{font-size:17px; line-height:24px; white-space:nowrap;}
	div.subscribe-info li dt.martha p{font-size:17px; line-height:24px; white-space:nowrap;}
	div.subscribe-info li dt p br.mo{display:block;}
	div.subscribe-info li dd{margin-top:5px; white-space:nowrap;}
	div.subscribe-info li dd strong{display:block; margin-left:0;}
	div.subscribe-info figure.abc{padding:40px 0 0;}

	section.subscribe-notice > ul{padding:48px 20px 0;}
	section.subscribe-notice ul.deposit{margin-left:25px;}
	section.subscribe-notice ul.deposit li{width:50%;}

	div.subscribe-gift{padding:40px 0 0;}
	
	div.subscribe-giftaud{padding:40px 0 0;}

	div.subscribe-apply section{margin:0;}
	div.subscribe-apply section div.note > p:before{margin:1px 3px 0 0;}
	div.subscribe-apply section div.note div.tooltip-content{width:290px;}
	div.subscribe-apply section table.form td{padding-right:30px;}
	div.subscribe-apply section table.form td p{margin-right:0;}
	div.subscribe-apply section table.form tr.radio td{padding-right:30px;}

	div.subscribe-apply div.buttonset{padding-top:50px;}
	div.subscribe-apply div.buttonset li button{padding-top:0;}

	nav.subscribe-tab li a,
	div.subscribe-info li dd strong,
	div.subscribe-apply section h3,
	div.subscribe-apply section div.note > p,
	div.subscribe-apply div.buttonset li button{letter-spacing:-1px;}
}

@media (max-width:1200px) and (min-resolution:.001dpcm) {/* ÅÂºí¸´ + Chrome (Android) */
	nav.subscribe-tab li a,
	div.subscribe-info li dd strong
	div.subscribe-apply section h3,
	div.subscribe-apply section div.note > p,
	div.subscribe-apply div.buttonset li button{letter-spacing:0;}
}

@media (max-width:760px) {/* ¸ð¹ÙÀÏ */
	div.subscribe{padding:25px 20px 20px;}
	div.subscribe .title_line{margin:0;}

	nav.subscribe-tab{margin:20px -20px 0;}
	nav.subscribe-tab li a{height:40px; color:#9d9d9d; font-size:12px; line-height:40px;}

	div.subscribe-info{margin-top:0;}
	div.subscribe-info ul{padding:0;}
	div.subscribe-info ul:before{display:none;}
	div.subscribe-info li{padding:20px 0; width:auto;}
	div.subscribe-info li figure > .img{float:left; padding-top:190px; width:140px;}
	div.subscribe-info li figcaption{margin-top:0; padding:10px 0 0 160px;}
	div.subscribe-info li dt p{margin-top:15px; line-height:20px; white-space:normal;}
	div.subscribe-info li dt.martha p{margin-top:15px; line-height:20px; white-space:normal;}
	div.subscribe-info li dt p br{display:none !important;}
	div.subscribe-info li dd{font-size:10px; line-height:15px; white-space:normal;}
	div.subscribe-info li dd strong{display:inline-block; margin-left:5px; white-space:nowrap;}
	div.subscribe-info figure.abc{margin-top:0; padding-top:20px; font-size:10px; line-height:18px;}
	div.subscribe-info figure.abc img{float:none; width:140px;}
	div.subscribe-info figure.abc figcaption{margin-top:5px; padding-left:0;}

	section.subscribe-notice{margin-top:30px; font-size:10px; line-height:15px;}
	section.subscribe-notice > ul{padding:12px 0 0;}
	section.subscribe-notice > ul > li{margin-top:6px; padding-left:7px;}
	section.subscribe-notice > ul > li:before{top:5px; border-radius:50%;}
	section.subscribe-notice ul.deposit{margin-left:0;}

	div.subscribe-gift{padding-top:10px;}
	div.subscribe-gift .select{margin:0 -10px 10px 0; width:120px;}
	div.subscribe-gift .content{margin:0px -20px -20px;}
	
	div.subscribe-giftaud{padding-top:10px;}
	div.subscribe-giftaud .select{margin:0 -10px 10px 0; width:120px;}
	div.subscribe-giftaud .content{margin:0px -20px -20px;}

	div.subscribe-apply section{padding:40px 0 22px;}
	div.subscribe-apply section:first-child{padding-top:40px;}
	div.subscribe-apply section h3{padding-left:0; font-size:23px;}
	div.subscribe-apply section div.note{margin-top:7px; margin-left:0; height:15px; line-height:15px;}
	div.subscribe-apply section div.note > p{font-weight:normal; font-size:11px; letter-spacing:0;}
	div.subscribe-apply section div.note div.tooltip-content{top:9px; left:-175px; padding:18px 14px 8px; width:270px; background-image:url("../images/content/join_info_tooltip_bg_top.png");}
	div.subscribe-apply section div.note div.tooltip-content:before{top:17px; background-image:url("../images/content/join_info_tooltip_bg.png");}
	div.subscribe-apply section div.note div.tooltip-content p{padding-top:3px;}
	div.subscribe-apply section table.form{margin-top:21px;}
	div.subscribe-apply section table.form col.th{width:80px !important;}
	div.subscribe-apply section table.form th{padding-left:0; font-size:11px;}
	div.subscribe-apply section table.form th div.tooltip{display:inline-block;}
	div.subscribe-apply section table.form td{padding-right:0;}
	div.subscribe-apply section table.form td p{font-size:10px; line-height:15px;}
	div.subscribe-apply section table.form td label.checkbox{height:15px; font-size:11px; line-height:16px;}
	div.subscribe-apply section table.form td label.checkbox:before{margin-right:4px;}
	div.subscribe-apply section table.form td label.checkbox small{display:block; font-size:10px; line-height:13px;}
	div.subscribe-apply section table.form tr.radio th{padding-top:17px;}
	div.subscribe-apply section table.form tr.radio td{padding-right:0;}
	div.subscribe-apply section table.form tr.radio td li{width:80px !important;}
	div.subscribe-apply section table.form tr.radio td p{font-weight:normal;}
	div.subscribe-apply section table.form tr.radio td p br{display:block;}
	div.subscribe-apply section table.form tr.radio ul.radio_magazine li{float:none; margin-top:5px; width:auto !important;}
	div.subscribe-apply section table.form tr.radio ul.radio_magazine li:first-child{margin-top:0;}
	div.subscribe-apply section table.form tr.qty td input[type="tel"],
	div.subscribe-apply section table.form tr.qty td input[type="text"]{width:80px;}
	div.subscribe-apply section table.form tr.bank td p{margin-top:5px; font-size:11px; line-height:15px;}

	div.subscribe-apply div.buttonset{padding-top:20px;}
	div.subscribe-apply div.buttonset ul{width:100%;}
	div.subscribe-apply div.buttonset li{margin-left:0; padding-left:5px; width:50%;}
	div.subscribe-apply div.buttonset li:first-child{padding-right:5px; padding-left:0;}
	div.subscribe-apply div.buttonset li button{width:100%; height:65px; font-size:17px;}
}


/* ==================================================
// ±¤°í/Á¦ÈÞ ¹®ÀÇ
================================================== */
div.adv{padding:50px 0 100px;}

/* ±¤°í/Á¦ÈÞ¹®ÀÇ - ÀâÁö¸®½ºÆ® */
section.adv-list{margin-top:10px; color:#3c3c3c;}
section.adv-list:after{display:none;}
section.adv-list h3{margin:78px 0 24px; font-weight:bold; font-size:34px; text-align:center;}
section.adv-list p.subtitle{font-size:16px; line-height:24px; text-align:center;}
section.adv-list ul{margin-top:63px;}
section.adv-list li{position:relative; padding:80px 0; border-top:1px solid #3c3c3c;}
section.adv-list li:after{display:block; clear:both; content:"";}
section.adv-list li img.media{position:absolute; z-index:1; top:0; left:0; width:120px;}
section.adv-list li figure{float:left; padding-left:344px; width:1200px;}
section.adv-list li figure img{position:absolute; top:50%; left:50px; margin-top:-125px; width:250px;}
section.adv-list li figcaption strong{display:block; font-weight:bold; font-size:30px; line-height:36px;}
section.adv-list li figcaption p{margin-top:9px; font-size:14px; line-height:24px;}
section.adv-list li div.contact{float:right; margin:-6px 100px 0 0; width:260px;}
section.adv-list li div.contact p{padding-bottom:5px; font-size:16px; line-height:28px;}
section.adv-list li div.contact p strong{font-weight:bold;}

a.btn_kit{margin-top:10px; width:214px; height:36px; border:1px solid #3c3c3c; background:#3c3c3c; color:#fff; font-weight:bold; font-size:13px; line-height:36px; text-align:center; margin-left: 8px;}
a.btn_kit.eng{background:#fff; color:#3c3c3c;}

section .btn_media{text-align: center;
margin-top: 40px; margin-bottom: 50px;}




/* ±¤°í/Á¦ÈÞ¹®ÀÇ - ¹®ÀÇÁ¢¼ö */
section.adv-inquiry{margin-top:80px; padding:0 170px; color:#3c3c3c;}
section.adv-inquiry h3{font-weight:bold; font-size:30px; text-align:center;}
section.adv-inquiry p.note{margin-top:26px; font-size:16px; text-align:center;}
section.adv-inquiry p.note br.mo{display:none;}
section.adv-inquiry table.form{margin:43px auto 0; width:700px;}
section.adv-inquiry table.form th{font-size:16px;}
section.adv-inquiry table.form tr.radio li{width:auto; padding:0px 12px 9px 0px;}
section.adv-inquiry table.form tr.radio li:first-child{margin-left:0;}
section.adv-inquiry table.form td p{margin-top:9px; color:#9d9d9d; font-size:12px; }
section.adv-inquiry table.form td textarea{height:160px;}
section.adv-inquiry div.captcha{margin-top:30px; padding-top:36px; border-top:1px solid #ebebeb;}
section.adv-inquiry div.captcha p{margin-bottom:23px; font-size:14px; line-height:24px; text-align:center;}
section.adv-inquiry div.captcha div.container{width:530px;}
section.adv-inquiry div.captcha div.view{float:left; width:190px; height:40px;}
section.adv-inquiry div.captcha div.view img{width:100%; height:100%;}
section.adv-inquiry div.captcha button.btn_refresh{float:left; width:120px; height:40px; background:#f1f1f1; font-size:12px;}
section.adv-inquiry div.captcha button.btn_refresh img{margin:-1px 7px 0 0; width:12px;}
section.adv-inquiry div.captcha input[type="text"]{float:right; padding:0 10px; width:200px; height:40px; border:1px solid #d1d1d1; font-size:14px;}
section.adv-inquiry div.buttonset{margin:60px -170px 0; padding-top:60px; border-top:1px solid #3c3c3c; text-align:center;}
section.adv-inquiry div.buttonset ul{display:inline-block;}
section.adv-inquiry div.buttonset li{float:left; margin-left:40px;}
section.adv-inquiry div.buttonset li:first-child{margin-left:0;}
section.adv-inquiry div.buttonset li button{padding-top:2px; width:260px; height:80px; background:#9d9d9d; color:#fff; font-weight:bold; font-size:20px;}
section.adv-inquiry div.buttonset li button.btn_submit,
section.adv-inquiry div.buttonset li button.btn_complete{background:#3c3c3c;}
section.adv-inquiry div.buttonset li button.btn_complete[disabled]{border:2px solid #d6d6d6; background:#fff; color:#d1d1d1;}


/*200615 ±¤°íÁ¦ÈÞ¹®ÀÇ css ¼öÁ¤*/
@media (min-width:1201px) {/* PC */
	section.adv-list li.com{padding-left:720px; margin-bottom: 80px;}
	section.adv-list li.com figure{float:none; padding-left:0; width:440px; }
	section.adv-list li.com figure img{width:630px; margin-top:-120px;}
	section.adv-list li.com div.contact{float:none; margin-top:22px;}
}

@media (max-width:1200px) {/* ÅÂºí¸´ */
	div.adv{padding:50px 0 60px;}
	div.adv h2{margin-left:40px;}

	section.adv-list{margin:10px 40px 0;}
	section.adv-list li{padding:60px 0;}
	section.adv-list li figure{float:none; position:relative; padding-left:370px; width:auto; min-height:230px;}
	section.adv-list li figure img{position:absolute; top:50%; left:60px; margin-top:-140px;}
	section.adv-list li figcaption strong{display:block; font-weight:bold; font-size:27px;}
	section.adv-list li div.contact{float:none; margin:23px 0 0; padding:20px 30px 30px; width:auto; background:#f6f6f6; text-align:right;}
	section.adv-list li div.contact:after{display:block; clear:both; content:"";}
	section.adv-list li div.contact p{float:left; margin-bottom:-5px; padding:10px 0 0; text-align:left;}
	section.adv-list li.com figure{min-height:210px;}
	section.adv-list li.com figure img{left:0; top:0; margin-top:0; width:345px;}

	section.adv-inquiry{margin-top:60px; padding:0 40px;}
	section.adv-inquiry table.form{width:100%;}
	section.adv-inquiry div.captcha div.container{margin:0 auto;}
	section.adv-inquiry div.buttonset{margin:60px 0 0; padding-top:50px;}

	section.adv-list h3,
	section.adv-list li figcaption strong,
	section.adv-list li div.contact p strong,
	section.adv-list li div.contact a.btn_kit,
	section.adv-inquiry h3,
	section.adv-inquiry div.buttonset li button{letter-spacing:-1px;}
    
    a.btn_kit{width:210px; font-size: 12px;}

}

@media (max-width:1200px) and (min-resolution:.001dpcm) {/* ÅÂºí¸´ + Chrome (Android) */
	section.adv-list h3,
	section.adv-list li figcaption strong,
	section.adv-list li div.contact p strong,
	section.adv-list li div.contact a.btn_kit,
	section.adv-inquiry h3,
	section.adv-inquiry div.buttonset li button{letter-spacing:0;}
}

@media (max-width:760px) {/* ¸ð¹ÙÀÏ */
	div.adv{padding:25px 0 20px;}
	div.adv h2{margin-left:20px;}

	section.adv-list{margin:5px 20px 0;}
	section.adv-list h3{margin:30px 0 8px; font-size:24px;}
	section.adv-list p.subtitle{font-size:10px; line-height:15px;}
	section.adv-list ul{margin-top:15px;}
	section.adv-list li{padding:30px 0 40px;}
	section.adv-list li img.media{width:85px;}
	section.adv-list li figure{padding:0; min-height:0 !important;}
	section.adv-list li figure img{position:static; top:0; left:0; margin-top:0; width:100% !important;}
	section.adv-list li figcaption strong{margin-top:5px; font-size:23px; line-height:28px;}
	section.adv-list li figcaption p{margin-top:7px; font-size:10px; line-height:15px;}
	section.adv-list li div.contact{position:relative; margin-top:10px; padding:0; background:transparent;}
	section.adv-list li div.contact p{position:absolute; margin:20px 0 -5px; padding:0; font-size:12px; line-height:20px;}
	section.adv-list li div.contact a.btn_kit{margin-top:5px; width:140px; height:34px; font-size:10px; line-height:32px;}
	section.adv-list li.com{padding-top:50px;}
	section.adv-list li.com figcaption strong{margin-top:15px;}

	section.adv-inquiry{margin-top:40px; padding:0 20px;}
	section.adv-inquiry h3{font-size:23px;}
	section.adv-inquiry p.note{margin-top:15px; font-size:12px; line-height:17px;}
	section.adv-inquiry p.note br.mo{display:block;}
	section.adv-inquiry table.form{margin-top:5px;}
	section.adv-inquiry table.form th{padding-left:7px; font-size:11px;}
	section.adv-inquiry table.form tr.radio li{float:none; margin:10px 0 0 0;}
	section.adv-inquiry table.form tr.radio li:first-child{margin-top:0;}
	section.adv-inquiry table.form td p{margin-top:4px; font-size:10px; line-height:13px;}
	section.adv-inquiry table.form td textarea{height:100px;}
	section.adv-inquiry div.captcha{margin-top:11px; padding-top:18px;}
	section.adv-inquiry div.captcha p{margin-bottom:16px; font-size:11px; line-height:16px;}
	section.adv-inquiry div.captcha div.container{width:270px;}
	section.adv-inquiry div.captcha div.view{width:160px; height:34px;}
	section.adv-inquiry div.captcha button.btn_refresh{width:110px; height:34px;}
	section.adv-inquiry div.captcha button.btn_refresh img{margin-right:4px;}
	section.adv-inquiry div.captcha input[type="text"]{float:none; padding:0 9px; width:100%; height:34px; font-size:11px;}
	section.adv-inquiry div.buttonset{margin-top:20px; padding-top:20px;}
	section.adv-inquiry div.buttonset ul{width:100%;}
	section.adv-inquiry div.buttonset li{margin-left:0; padding-left:5px; width:50%;}
	section.adv-inquiry div.buttonset li:first-child{padding-right:5px; padding-left:0;}
	section.adv-inquiry div.buttonset li button{width:100%; height:65px; font-size:17px;}
    
    
/*200615 ±¤°íÁ¦ÈÞ¹®ÀÇ css ¼öÁ¤*/
section .btn_media{text-align: center; margin-top: 10px; margin-bottom: 50px;}
a.btn_kit{margin-top:10px; width:300px; height:36px; border:1px solid #3c3c3c; background:#3c3c3c; color:#fff; font-weight:bold; font-size:8px; line-height:36px; text-align:center; margin-left: 3px; font-size:9px;}
a.btn_kit.eng{background:#fff; color:#3c3c3c;}
    
    
}


/* ==================================================
// ȸ»ç¼Ò°³
================================================== */
div.company{padding-bottom:100px;}
div.company-hero{margin-bottom:80px; height:500px; background:url("../images/content/company_hero.jpg") no-repeat 50% 0;}

/* ȸ»ç¼Ò°³ - ÅǸ޴º */
nav.company-tab{margin-top:40px; border:1px solid #ebebeb; border-width:1px 0;}
nav.company-tab ul:after{display:block; clear:both; content:"";}
nav.company-tab li{float:left; width:33.33333%;}
nav.company-tab li a{display:block; height:50px; color:#9d9d9d; font-weight:bold; font-size:16px; line-height:52px; text-align:center;}
nav.company-tab li.on a{background:#ebebeb; color:#3c3c3c;}

/* ȸ»ç¼Ò°³ - about us */
section.company-about{margin:120px 0 -40px;}
section.company-about h3{color:#3c3c3c; font-weight:bold; font-size:42px; text-align:center;}
section.company-about p{margin-top:35px; color:#3c3c3c; font-size:16px; line-height:28px; text-align:center;}
section.company-about ul{margin:90px auto 0; width:860px;}
section.company-about li{border-top:1px solid #3c3c3c;}
section.company-about dl:after{display:block; clear:both; content:"";}
section.company-about dt{float:left; padding-top:33px; width:220px;}
section.company-about dd{float:left; padding:29px 0 53px; width:640px; color:#616161; font-size:14px; line-height:24px;}
section.company-about img.logo-com{width:155px;}
section.company-about img.logo-noblesse{width:138px;}
section.company-about img.logo-men{width:68px;}
section.company-about img.logo-artnow{width:100px;}
section.company-about img.logo-collection{width:200px;}

/* ȸ»ç¼Ò°³ - history */
div.company-history{margin-top:45px;}
div.company-history table{border-bottom:1px solid #3c3c3c; font-size:14px;}
div.company-history tbody tr{border-top:1px solid #ebebeb;}
div.company-history tbody tr:first-child{border-top:1px solid #d1d1d1;}
div.company-history colgroup + tbody tr:first-child{border-top:0;}
div.company-history tbody th{padding-left:20px; text-align:left;}
div.company-history tbody th[scope="rowgroup"]{padding-top:18px; vertical-align:top; color:#3c3c3c; font-weight:100; font-size:24px;}
div.company-history tbody th[scope="row"]{padding-top:19px; vertical-align:top; color:#9d9d9d; line-height:20px;}
div.company-history tbody td{padding:19px 0; color:#000; line-height:20px; text-align:left;}

/* ȸ»ç¼Ò°³ - contact */
div.company-contact{margin-top:60px;}
div.company-contact li{position:relative; margin-top:40px; border-bottom:1px solid #3c3c3c;}
div.company-contact li:first-child{margin-top:0;}
div.company-contact li figure div.img{padding-top:26%; width:50%; border:1px solid #d6d6d6;}
div.company-contact li figure div.img iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
div.company-contact li figcaption{position:absolute; top:0; left:50%; padding-left:40px; width:50%; color:#3d3d3d; font-size:15px;}
div.company-contact li figcaption strong.location{display:block; padding-top:28px; font-weight:bold; font-size:30px;}
div.company-contact li figcaption span.address{display:block; margin:20px 0 15px; font-weight:bold; line-height:25px;}
div.company-contact li a.btn_map{position:absolute; right:0; bottom:20px;}
div.company-contact li a.btn_map img{width:60px;}
div.company-contact li a.btn_map span{position:absolute; right:70px; bottom:8px; color:#3c3c3c; font-size:12px; white-space:nowrap;}

@media (max-width:1200px) {/* ÅÂºí¸´ */
	div.company{padding-bottom:60px;}
	div.company h2{margin:0 60px;}
	div.company-hero{margin-bottom:55px; padding-top:30.26315%; height:0; background-size:cover;}

	nav.company-tab li a{letter-spacing:-1px;}

	section.company-about{margin-top:80px;}
	section.company-about h3{letter-spacing:-1px;}
	section.company-about p{padding:0 40px; text-align:left;}
	section.company-about p br.pc{display:none;}
	section.company-about ul{margin-top:50px; width:auto;}
	section.company-about dt{padding-left:40px; width:230px;}
	section.company-about dd{float:none; padding:29px 40px 33px 230px; width:auto;}

	div.company-history{margin:40px 40px 0;}
	div.company-history col.month{width:65px !important;}

	div.company-contact{margin-top:40px;}
	div.company-contact li figcaption{padding-left:30px;}
	div.company-contact li figcaption strong.location{padding-top:8px; letter-spacing:-1px;}
	div.company-contact li figcaption span.address{letter-spacing:-1px;}
	div.company-contact li a.btn_map{right:50%; bottom:10px; margin-right:10px;}
	div.company-contact li a.btn_map span{display:none;}
}

@media (max-width:1200px) and (min-resolution:.001dpcm) {/* ÅÂºí¸´ + Chrome (Android) */
	nav.company-tab li a,
	section.company-about h3,
	div.company-contact li figcaption strong.location,
	div.company-contact li figcaption span.address{letter-spacing:0;}
}

@media (max-width:760px) {/* ¸ð¹ÙÀÏ */
	div.company{padding-bottom:20px;}
	div.company h2{margin:0 20px;}
	div.company-hero{margin-bottom:25px; padding-top:43%;}

	nav.company-tab{margin-top:20px;}
	nav.company-tab li a{height:40px; color:#9d9d9d; font-size:12px; line-height:40px;}

	section.company-about{margin:40px 0 0;}
	section.company-about h3{padding:0 20px; font-size:22px; text-align:left;}
	section.company-about p{margin-top:20px; padding:0 20px; font-size:12px; line-height:21px;}
	section.company-about ul{margin-top:35px; padding:0 20px;}
	section.company-about li{padding:25px 0;}
	section.company-about dt{float:none; padding:0;}
	section.company-about dd{margin-top:10px; padding:0; font-size:10px; line-height:18px;}
	section.company-about img[class*="logo-"]{width:auto; height:15px;}

	div.company-history{margin:30px 20px 0;}
	div.company-history table{font-size:10px;}
	div.company-history col.year{width:60px !important;}
	div.company-history col.month{width:20px !important;}
	div.company-history tbody th{padding-left:0;}
	div.company-history tbody th[scope="rowgroup"]{padding-top:10px; font-size:17px;}
	div.company-history tbody th[scope="row"]{padding-top:11px; line-height:15px;}
	div.company-history tbody td{padding:11px 0; line-height:15px;}

	div.company-contact{margin-top:0;}
	div.company-contact li{margin-top:20px; border:0;}
	div.company-contact li figure div.img{padding-top:52%; width:100%; border:0;}
	div.company-contact li figcaption{position:relative; left:0; padding:22px 20px 60px; width:100%; font-size:12px;}
	div.company-contact li figcaption strong.location{padding-top:0; font-size:20px;}
	div.company-contact li figcaption span.address{margin:13px 0; line-height:15px;}
	div.company-contact li a.btn_map{right:0; bottom:0;}
	div.company-contact li a.btn_map img{width:55px;}
	div.company-contact li a.btn_map span{display:block; right:60px; font-size:10px;}
}


/* ==================================================
// Á¡°Ë/¿À·ù
================================================== */
/* ¼­ºñ½º Á¡°Ë ¾È³» */
div.error-server dl{display:inline-block; margin-top:20px; font-weight:bold; font-size:18px;}
div.error-server dt{float:left;}
div.error-server dd{float:left; margin-left:5px; color:#c3996a;}

/* 404, 500 */
div.error-45 div.buttonset{margin-top:60px;}
div.error-45 div.buttonset ul{display:inline-block;}
div.error-45 div.buttonset li{float:left; margin-left:40px;}
div.error-45 div.buttonset li:first-child{margin-left:0;}
div.error-45 div.buttonset li a{width:260px; height:80px; background:#3c3c3c; color:#fff; font-weight:bold; font-size:20px; line-height:82px;}
div.error-45 div.buttonset li:first-child a{background:#9d9d9d;}

@media (max-width:1200px) and (min-resolution:.001dpcm) {/* ÅÂºí¸´ + Chrome (Android) */
	div.error-server dl{letter-spacing:0;}
}

@media (max-width:760px) {/* ¸ð¹ÙÀÏ */
	div.error-server dl{margin:25px 0 -6px; font-weight:normal; font-size:12px; line-height:22px; letter-spacing:0;}
	div.error-server dt{float:none;}
	div.error-server dd{float:none; margin-left:0;}

	div.error-45 div.buttonset{margin-top:20px;}
	div.error-45 div.buttonset li{margin-left:10px;}
	div.error-45 div.buttonset li a{width:138px; height:60px; font-size:17px; line-height:60px;}
}

/* ==================================================
// ±âŸ
================================================== */
/* ¸®´º¾ó °øÁö */
div.guide-renewal h2{padding-bottom:5px;}
div.guide-renewal h2 img{width:320px;}
div.guide-renewal section{padding:100px 0 !important;}
div.guide-renewal section p{color:#7f7f7f;}
div.guide-renewal section p strong{font-weight:bold;}

@media (max-width:1200px) {/* ÅÂºí¸´ */
	div.guide-renewal section p strong{letter-spacing:-1px;}
}

@media (max-width:1200px) and (min-resolution:.001dpcm) {/* ÅÂºí¸´ + Chrome (Android) */
	div.guide-renewal section p strong{letter-spacing:0;}
}

@media (max-width:760px) {/* ¸ð¹ÙÀÏ */
	div.guide-renewal h2 img{width:206px;}
	div.guide-renewal section{padding:50px 0 !important;}
}