@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

* {margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-o-text-size-adjust:none;
	text-size-adjust:none;
/*	-webkit-touch-callout:none;*/
	font-family:'Nanum Gothic', 'Dotum','arial','sans-serif';

}

/* common reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video
	{margin:0;
	  padding:0;
	  border:0;
	  font-size:100%;
	  font:inherit;vertical-align:baseline;}
	  
body{line-height:1;/*word-wrap:break-word;word-break:break-all*/}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%}
table{border-collapse:collapse;
	border-spacing:0}

img{max-width:100%;
	border:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0)}


	ol,ul{list-style:none}
	
	html,body{
	height:100%;
	margin:0;
	padding:0;
	color:#666;
	font-family:'Nanum Gothic', 'Dotum','arial','sans-serif';
	font-size:14px;
	line-height:140%;}
	
	dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote
	{margin:0;padding:0}
	th,td,input,textarea,select{font-family:'Nanum Gothic', 'Dotum','arial','sans-serif';
	font-size:14px;color:#494949}
	
	table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0}hr{display:none;clear:both}legend,caption{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;line-height:0}img,fieldset{border:0 none}label{cursor:pointer}a{color:#666;font-family:'Nanum Gothic', 'Dotum','arial','sans-serif';}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none}select{height:22px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}acronym,abbr{cursor:help}abbr[title]{border-bottom:1px dotted}ul,ol{list-style:none;list-style-image:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}label,select,input,button{vertical-align:middle}button{border:0;cursor:pointer}button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline;vertical-align:middle}button,input{overflow:visible;line-height:normal}button,select{text-transform:none}button[disabled],html input[disabled]{cursor:default}button,html input[type="button"],input[type="reset"],input[type="submit"]{overflow:visible;cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}select{margin:0;padding:0;border:1px solid #ccc;box-sizing:border-box;line-height:1}
img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}





/* skip Navi */
#accessibility{display:none;position:absolute;top:-66px;left:0;background-color:#f8f8f8;z-index:999999}
#accessibility a{display:block;padding:5px 0;text-align:center;line-height:21px;}
#accessibility a:link,
#accessibility a:visited {color:#333;}
#accessibility a:hover,
#accessibility a:active,
#accessibility a:focus{color:#000;text-decoration:underline;}


strong {font-weight:bold !important;}
b {font-weight:bold !important;}

#middle { margin:0 auto; margin-bottom: 30px; width: 98%;}
#txt { min-height: 600px;}
#ti_box {position:relative;margin:20px 0 0 0; padding-bottom: 50px; height: 72px; line-height: 62px; border-bottom: 1px solid #bbb;}
#tit_cont { float: left; font-size: 33px; color: #4d8cd3; font-weight: 600;line-height:33px; letter-spacing: -0.03em;}
#ti_box .path { position: absolute; top: -50px; margin-left: 0; padding: 0; font-size: 12px; line-height:20px;color: #aaa;letter-spacing: -0.025em;}
#ti_box .path a { display: inline-block; vertical-align:middle;}
#ti_box .navi_home { display:block; overflow:hidden; margin:0 0 0 5px; width:10px; background:url(../../images/dongwha/common/title_home.png) no-repeat left 46%; text-indent:-9999px;}
#md_wrapper { margin: 0 auto; margin-top: 105px; /*margin-top: 75px;*/ width: 96%;}
aside { margin: 0 auto; width: 96%; margin-top: 50px; padding-top: 10px; border-top: 1px solid #ccc;}
#naviSNS { /*float: right;*/position:absolute;top:-90px;right:0;/* margin-top: 14px;*/ height: 50px;}
#naviSNS a { display:inline-block; overflow:hidden; width:35px; height:35px; padding: 3px; background:url(../../images/dongwha/common/naviSNS.png) no-repeat left top; text-indent:-9999px; letter-spacing: -1px;}
#naviSNS .tw { background-position: left top;}
#naviSNS .fb { background-position: -38px top;}
#naviSNS .btn_print { display: none; background-position:-76px top; }
#naviSNS .tw:hover { background-position: left -35px;}
#naviSNS .fb:hover { background-position: -38px -35px;}
#naviSNS .btn_print:hover { background-position: -76px -35px;}


/*왼쪽메뉴*/
#snb {display:none;}
em {display: none;}

#middle #snb h1.lt{display:none;}
#middle #snb nav.box_snb{display:none;}
#middle #snb .r_link{display:none;}
#middle #snb #aside_common{display:none;}

/* 전체 */

.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0;}
#mwrap,#swrap{position:relative;padding-top:0;right:0px;width:100%;min-height:100%;background:none;}
.wrapper{position:relative;margin:0 auto;width:95%;}
#header_group{background:#fff;position:relative;top:0;left:0;width:100%;height:150px;z-index:999999;}
#top_head{position:relative;width:100%;z-index:98;}
#top_head #logo{display:block;position:absolute;top:20px;left:0;width:100%;}
#top_head #logo a{display:block;width:100%;}
#top_head #toggle_menu{display:hidden;overflow:hidden;background:url('../../images/dongwha/menu_m.png') no-repeat 50% 50%;font-size:0;line-height:0;text-indent:-999px;z-index:9999;}


#footer_group{position:relative;clear:both;border-top:1px solid #f3f3f3;height:200px;}
#footer_group .wrapper{margin:0 auto;/*width:100%;*/}
#footer_group .finfo{position:relative;}

.bottom_logo {float:left;}
.address {float:left;padding-left:5px;height:10px;font-size:0.8em;color:#888888;}
.bottom_menu {margin-left:40px;font-size:0.9em;margin-bottom:27px;width:200px;}
.bottom_menu a {color:#a9a9a9;}



.contents_wrap {width:100%;float:right;position:relative;}
.contents_wrap * {letter-spacing:-0.08em !important;}
.contents {width:100%;float:right;margin-bottom:180px;clear:both;margin-bottom:180px;}
.contents_padding {width:100%;float:left;margin-bottom:180px;clear:both;margin-bottom:180px;}

.list_area {float:left;width:98%;padding-top:0;padding-left:0px;}

.introduce_area {text-align:left;width:100%;padding:0;margin-top:60px;padding-left:50px;padding-right:50px;}
.introduce_area .title {font-weight:bold;font-size:3.3em;color:#242021;line-height:120%;padding-top:25px;background:url('../../images/dongwha/intro_title.png') no-repeat top left;}
.introduce_area .title .strong1 {color:#242021;font-weight:bold;}
.introduce_area .title .strong2 {font-weight:bold;color:#c0b4d8;font-weight:bold;}
.introduce_area .cont {line-height:160%;font-size:1.4em;margin-bottom:40px;margin-top:58px;color:#3b2a30;font-weight:400;}
.introduce_area .cont .foot_note {font-size:0.8em;font-weight:bold;color:#000;display:inline-block;margin-top:10px;}



.notice_list {width:100%;margin-top:30px;table-layout: fixed;}
.notice_list td:nth-child(2) {text-align:left;padding-left:10px;}
.notice_list td {text-align:left;border-bottom:1px solid #d9d9d9;vertical-align:middle;padding-top:10px;padding-bottom:10px;}
.notice_list td.cont_view {line-height:160%;}
.notice_list td img {max-width:100%;}
.notice_list td.left {text-align:left;padding-left:15px;}
.notice_list td .text-left {text-align:left;}
.notice_list th {font-weight:bold;background:#eee;color:#000;height:40px;border-top:1px solid #666;border-bottom:1px solid #666;vertical-align:middle;text-align:center;}
.notice_list .title_view {font-size:900;font-size:1.4em;padding-top:20px;padding-bottom:20px;color:#000;}


.qna {width:100%;margin-top:30px;}
.qna td {padding-top:10px;padding-bottom:10px;text-align:left;border-bottom:1px solid #d9d9d9;height:35px;vertical-align:middle;}
.qna td.left {padding-left:10px;}
.qna input {width:95%;border:1px solid #aaa;height:30px;font-size:1em;text-indent:5px;}
.qna th {font-weight:bold;background:#eee;color:#666;height:40px;border-bottom:1px solid #d9d9d9;vertical-align:middle;}
.qna textarea {border:1px solid #ddd;width:95%;height:100px;}
.qna input.phone {width:10%;}
.qna input.email {width:30%;}

.event_list {width:100%;margin-top:30px;overflow:hidden;}
.event_list li {width:33%;float:left;margin-bottom:20px;padding-right:5px;}
.event_list li:nth-child(5), li:nth-child(11), li:nth-child(16), li:nth-child(21) {clear:both}
.event_list li .event_title {text-align:left;margin-top:10px;}
.event_list li .event_title {text-align:left;}
.event_list li .ing {border:1px solid #c3ca00;padding:4px 10px 4px 10px;border-radius:10px;font-size:0.8em;background:#9d9f60;color:#fff;}
.event_list li .end {border:1px solid #ccc;padding:4px 10px 4px 10px;border-radius:10px;font-size:0.8em;background:#ccc;color:#fff;}

.search_list {width:100%;margin-top:30px;}
.search_list li {padding-left:40px;max-width:25%;float:left;margin-bottom:20px;text-align:center;min-height:400px;}
search_list li:nth-child(4), li:nth-child(8) {padding-right:0;}
.search_list li p {float:left;max-width:100%;text-align:center;}
.search_list li .search_title {width:100%;margin-left:0;clear:both;text-align:center;padding-left:0;padding-top:20px;font-size:1.2em;list-style:none;background:#fff;}
.search_list li .search_cont {width:100%;text-align:left;margin-top:10px;text-align:center;}

.search_list2 {width:100%;margin-top:30px;}
.search_list2 li {padding-left:40px;max-width:20%;float:left;margin-bottom:20px;text-align:center;min-height:400px;}
search_list li:nth-child(4), li:nth-child(8) {padding-right:0;}
.search_list2 li p {float:left;max-width:100%;text-align:center;}
.search_list2 li .search_title {width:100%;margin-left:0;clear:both;text-align:center;padding-left:0;padding-top:20px;font-size:1.2em;list-style:none;background:#fff;}
.search_list2 li .search_cont {width:100%;text-align:left;margin-top:10px;text-align:center;}

.paging_area {clear:both;width:100%;position:relative;text-align:center;margin-top:20px;float:left;}
.paging_area a {border:1px solid #ccc;padding:4px 10px 4px 10px;border-radius:10px;font-size:0.9em;}
.paging_area a.here {background:#75c2d4;color:#fff;}
.paging_area a.text {font-size:0.8em;font-weight:bold;}

.btn_top {position:absolute;bottom:50px;right:0;}



.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}
.scale:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.slide_cont_wrap {min-width:100%;}
.slide_cont_area {position:relative;margin-top:13%;}
.slide_cont {text-align:center;margin:0 auto;}
.slide_cont .slide_title {letter-spacing:-2px;width:100%;font-size:1.7em;}
.slide_cont .slide_logo {width:100%;padding-top:15px;padding-bottom:30px;}
.slide_cont .slide_btn {width:100%;}

#slide_content_01 .slide_title {color:#3d3d3d;}
#slide_content_02 .slide_title {color:#3d3d3d;}
#slide_content_03 .slide_title {color:#010101;}
#slide_content_04 .slide_title {color:#3f3f3f;}
#slide_content_05 .slide_title {color:#363636;}


#m_slide {display:none;}

.btn_area {width:100%;height:50px;text-align:center;margin-top:30px;}
.btn_type1 {color:#fff;letter-spacing:-1px;background-color:#000;padding:5px 20px 5px 20px;border-radius:10px;}

.keyword_title {width:100%;margin-top:10px;font-size:1em;margin-top:20px;text-align:left;}
.keyword_title .keyword {font-size:1em;color:#000;}

.cont_center {text-align:center;}
.round_title {background:#514f50;color:#fff;font-size:1.2em;padding:5px 20px 5px 20px;border-radius:20px;}
.square_title {color:#666666;border:1px solid #b2b2b2;font-size:0.7em;padding:2px 10px 2px 10px;text-align:center;display:inline-block;}
.label_area {width:100%;position:relative;text-align:center;margin-top:30px;margin-bottom:40px;}

.cont_fixed {margin:0 auto;width:100%;position:relative;}
.sub_cont {width:100%;position:relative;clear:both;float:right;}
.intrinsic01 .cont_top {height:100%;background:url('/images/dongwha/sub_intrinsic01_top.png') no-repeat center top;}
.intrinsic01 .cont_top .product  {width:100%;text-align:center;}
.intrinsic01 .cont_top .text {font-weight:200;width:100%;padding-top:20px;background:url('/images/dongwha/sub_title_bar.png') no-repeat left top;font-size:4.8em;line-height:80%;color:#555;position:absolute;top:114px;left;0;}
.intrinsic01 .cont_top .info {color:#555;position:absolute;bottom:0;right:0;}
.intrinsic01 .info .item {float:left;margin-left:10px;}
.intrinsic01 .info .size {clear:both;text-align:right;padding-top:20px;margin-bottom:20px;}
.intrinsic01 .info .btn_go {height:40px;line-height:40px;text-align:center;border:1px solid #7d6991;cursor:pointer;}

.intrinsic01 .cont01 {height:900px;clear:both;}
.intrinsic01 .cont01 .title {padding-top:20px;}
.intrinsic01 .cont01 .img {position:absolute;right:0;top:250px;}
.intrinsic01 .cont01 .detail_list {width:50%;}
.intrinsic01 .cont01 .detail_list ul {padding-top:30px;float:left;}
.intrinsic01 .cont01 .detail_list li:first-child {width:30%;float:left;}
.intrinsic01 .cont01 .detail_list li:last-child {width:70%;float:left;padding-top:30px;line-height:180%;}
.intrinsic01 .cont01 .detail_list li:last-child .a {font-size:1.97em;line-height:140%;}
.intrinsic01 .cont01 .detail_list li:last-child .b {font-size:1.2em;clear:both;display:inline-block;line-height:160%;padding-top:10px;color:#767676;}

.intrinsic01 .cont01 .top_title {width:100%;text-align:center;font-size:1.8em;}
.intrinsic01 .cont01 .detail_list ul {clear:both;}

.intrinsic01 .cont02 {height:1100px;clear:both;background:#ebe8f5;}
.intrinsic01 .cont02 .top_title {width:100%;text-align:center;clear:both;color:#333;float:left;font-size:4em;line-height:160%;}
.intrinsic01 .cont02 .top_title2 {width:100%;text-align:center;clear:both;float:left;font-size:1.3em;line-height:160%;margin-bottom:50px;}
.intrinsic01 .cont02 .img {float:left;text-align:center;}
.intrinsic01 .cont02 .img img {margin-bottom:50px;margin-top:50px;}
.intrinsic01 .cont02 .img:last-child {margin-left:10px;}
.intrinsic01 .cont02 span {font-size:2em;}
.intrinsic01 .cont02 .round_title {font-size:1.2em;}

.intrinsic01 .cont03 .detail_list {width:50%;}
.intrinsic01 .cont03 .detail_list ul {padding-top:30px;float:left;}
.intrinsic01 .cont03 .detail_list li:first-child {width:30%;float:left;}
.intrinsic01 .cont03 .detail_list li:last-child {width:70%;float:left;line-height:180%;}
.intrinsic01 .cont03 .detail_list li:last-child .a {font-size:4em;line-height:140%;}
.intrinsic01 .cont03 .detail_list li:last-child .b {font-size:1.2em;clear:both;display:inline-block;line-height:160%;padding-top:10px;color:#767676;}


.list_top {position:absolute;top:0;left:0;padding-left:320px;height:auto;text-align:center;min-width:100%;}
.list_top p {display:inline-block;height:100%;padding-top:0;clear:both;text-align:center;width:100%;color:#fff;font-size:1.4em;font-weight:400;line-height:130%;}
.list_top .table-ui {position: relative;width: 100%;height: 0;overflow: hidden;padding-bottom: 19.3%;}
.list_top .td-ui {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.list_top .td-ui .cont {position:absolute;top:38%;left:50%;width:100%;left:0;}
.list_top .td-ui .cont img {max-width:50%;margin-bottom:20px;}


.navigation {position:relative;;z-index:9999;font-size:1em;text-align:right;padding-top:10px;}
.navigation2 {position:absolute;top:-30px;right:0px;z-index:9999;font-size:1em;}
.navigation_area {position:absolute;top:30px;height:20px !important;z-index:9999;font-size:1em;}
.m_view{display:none;}

@media only screen and (max-width:1200px){
.m_view{display:block;}
.list_top {padding-left:0 !important;height:auto;}
}

@media only screen and (max-width:800px){

.list_top .table-ui {padding-bottom: 35%;margin-top:-15px;}
.list_top p {display:inline-block;font-size:1.1em;top:0;margin-top:-20px;line-height:130%;padding-left:5px;padding-right:5px;padding-top:8px;}


.slide_cont .slide_title {letter-spacing:-2px;width:100%;font-size:1.8em;}
.slide_cont .slide_logo img {max-width:60%;}
.slide_cont .slide_btn img {max-width:60%;}

.product_main_area {position:relative;width:100%;clear:both;}
.new_product {width:100%;float:left;}
.product_main_area .title_sq {clear:both;margin-top:20px;background:url('/images/dongwha/product_bar.png') no-repeat 65px 72px;font-size:2em;line-height:130%;width:100%;font-weight:bold;float:left;}
.product_main_area .product_item {position:relative;margin-bottom:20px;width:100%;display:inline-block;text-align:center;float:left;}
.product_main_area .product_item ul {width:100% !important;text-align:center;}
.product_main_area .product_item li {width:100%;text-align:center;float:left;clear:both;}
.product_main_area .product_item li img {max-width:75%;}
}


/* 모바일 */


@media only screen and (max-width:480px){
.search_list li {padding-left:10px;max-width:100%;}
.search_list li .search_title {font-weight:bold;}
.search_list2 li {padding-left:10px;max-width:100%;}
.search_list2 li .search_title {font-weight:bold;}
}

@media only screen and (max-width:780px){
.search_list li {max-width:50% !important;}
.search_list li .search_title {font-weight:bold;}
.search_list2 li {max-width:50% !important;}
.search_list2 li .search_title {font-weight:bold;}
}

@media only screen and (max-width:1200px){
.search_list li {max-width:33%;}
.search_list li .search_title {font-weight:bold;}
.search_list2 li {max-width:33%;}
.search_list2 li .search_title {font-weight:bold;}
}


@media only screen and (max-width:480px){

.search_list li {max-width:100% !important;margin-bottom:30px;}
.search_list2 li {max-width:100% !important;margin-bottom:30px;}
#m_slide {display:block;}
#layerslider {display:none;}



.middle_title {text-align:center;font-size:1.6em;color:#5d5d5d;font-weight:400;background:url('/images/dongwha/title_bg.png') no-repeat bottom center;padding-top:10px;padding-bottom:24px;margin-bottom:30px;}

.m_wrapper {width:90%;margin:0 auto;}

.sns_area {position:absolute;top:50px;right:0;}
.bottom_menu {margin-top:20px;}

.introduce_area .title {font-size:5.8vw;line-height:120%;}
.introduce_area .cont {font-size:1em;line-height:160%;}


.contents_wrap {width:100%;}
.contents {width:100%;float:left;margin:0 auto;margin-left:0;}
.contents_padding {width:100%;float:left;margin:0 auto;margin-left:0;amrgin-bottom:180px;}


.event_list li {width:100%;text-align:center;}
.event_list li .event_title {text-align:center;font-size:1.1em;padding:2px 0 2px;}


.thumb_area .align_center {width:100%;position:relative;}

.product_wrap {position:relative;width:100% !important;}
.product_area {position:relative;width:100% !important;padding:0 5% 0 5%;}


.thumb_area .align_center .middle {width:100% !important;margin-top:10px;argin-bottom:10px;}
.thumb_area .align_center .right {width:100% !important;margin-left:0;}
.thumb_area .align_center .right .group {position:relative;;height:100%;width:49% !important;float:left;overflow:hidden;}
.thumb_area .align_center .right .group:last-child {margin-top:0 !important;float:right;}
.thumb_area .align_center .right .item {overflow:hidden;float:left;max-width:100%;}

.thumb_area .align_center .middle {width:100%;cursor:pointer;height:260px !important;}
.thumb_area .align_center .middle .text {width:100%;}
.thumb_area .align_center .middle .go {width:100%;}
.thumb_area .align_center .middle div {position:relative !!important;width:100% !important;overflow:hidden;float:left;}

.thumb_area .align_center .left {width:100% !important;}
.thumb_area .align_center .left .group {position:relative;width:49% !important;margin-bottom:-20%;}
.thumb_area .align_center .left .group:last-child {margin-top:0 !important;float:right;overflow:hidden;}
.thumb_area .align_center .left .item {overflow:hidden;float:left;max-width:100%;overflow:hidden;height:125px;}
.thumb_area .align_center .text {font-size:1.2em;width:100%;margin-top:-30px;}
.thumb_area .align_center .go {color:#fff;width:100%;margin-top:-40px;}

.thumb_area .align_center .left .item:last-child {float:right;}


.small_area {float:left;width:100%;height:50%;}
.small_area li {float:left;width:25%;}

.big_area .loc {float:left;height:50%;position:relative;}
.big_area .loc .th {position:absolute;top:5px;right:0px;}
.big_area .loc .th li {margin-bottom:7px;cursor:pointer;}
.big_area .loc .th li img {width:70%;}

.tier4  {width:100%;}
.tier4 div {width:50% !important;}

#top_head #logo {top:10px;width:60%;text-align:center;margin-top:10px;height:50px;background:url('/images/dongwha/logo_m.png') no-repeat;background-size:50% auto;}
#top_head #logo img {width:60%;;}
#toggle {margin-top:-5px;}


}








@media only screen and (max-width:1090px){
.navigation_area {top:-10px;}
/*.product_wrap {position:relative;max-width:497px;margin:0 auto;margin-left:20;}*/
.product_area {position:relative;float:left;}

.thumb_area .align_center .right {width:100% !important;margin-left:0;margin-top:6px;}
.thumb_area .align_center .right .group {position:relative;;width:49.8% !important;float:left;height:100%;}
.thumb_area .align_center .right .group:last-child {margin-top:0 !important;float:right;}
.thumb_area .align_center .right .item {float:left;max-width:100%;}

.thumb_area .align_center .middle {margin-bottom:10px;margin-left:0;float:left;height:390px;}
.thumb_area .align_center .middle div {max-width:100%;}

.thumb_area .align_center .left {width:100% !important;margin:0 auto !important;position:relative;}
.thumb_area .align_center .left .group {position:relative;;width:49.8% !important;float:left;}
.thumb_area .align_center .left .group:last-child {margin-top:0 !important;float:right;}
.thumb_area .align_center .left .item {float:left;max-width:100%;}
.thumb_area .align_center .left .item:last-child {float:right;}


.small_area {float:left;width:100%;}
.small_area li {float:left;width:50%;text-align:center;}

.big_area {width:100%;text-align:center;margin-bottom:20px;}
.big_area .loc {position:relative;}
.big_area .loc .th {position:absolute;top:5px;}
.big_area .loc .th li {margin-bottom:5px;cursor:pointer;}
.big_area .loc .th li img {width:80%;}





}








/* 태블릿 중간 사이즈 */
@media only screen and (min-width:768px){

.int_horizon .line2 {margin-top:4%;}
.int_horizon .line1 {vertical-align:middle;display: flex;align-items: center;padding-top:0 !important;}

.int_horizon_01 .line2 {margin-top:4%;}
.int_horizon_01 .line1 {margin-top:9%;}

#tit_cont { float: left; font-size: 40px; color: #4d8cd3; font-weight: 600; letter-spacing: -0.03em;}

#top_head #logo{top:15px;0px;width:100%;text-align:center;}	
#top_head #toggle_menu{display:block !important;}
	


	/*#footer_group .wrapper{width:95%;}*/
	#footer_group .finfo{padding-top:0;}
	#footer_group .finfo .bottom_logo {float:left;padding-left:40px;}
	#footer_group .address {clear:both;float:left;padding-left:40px;width:250px;margin-top:15px;}
	#footer_group .bottom_logo {float:left;}
}


.search_area {display:none;width:95%;margin-left:10px;float:left;height:35px;z-index:9999;position:absolute;background:#fff;top:0px;border:2px solid #000;}
.search_area input {width:200px;float:left;border:1px solid #fff;margin-left:10px;margin-top:3px;}
.search_area .search_input {float:left;}
.search_area .btn {float:right;margin-right:10px;}
.search_area .btn img {padding-top:7px;}
#logo {text-align:center;background: url('/images/dongwha/logo.png') no-repeat center;height:130px;}
#logo img {display:none;}

}










@media only screen and (min-width:1000px){
	#header_group{position:relative;top:0;left:0;width:150px;z-index:1;background:#fff;}


}










/* PC 메뉴로 변경 전 */
@media only screen and (max-width:1200px){


.slide_cont_area {position:relative;margin-top:13%;margin-left:0px;}
.new_product {min-width:50%;float:left;display:inline-block;}

.product_main_area {position:relative;width:100%%;margin:0 auto;clear:both;}
.product_main_area .title_sq {clear:both;height:180px;background:url('/images/dongwha/product_bar.png') no-repeat 65px 72px;font-size:2em;line-height:110%;width:267px;font-weight:bold;float:left;border;1px solid #000;padding-left:65px;}
.product_main_area .product_item ul {margin-right:27px;float:left;width:135px;text-align:center;}
.product_main_area .product_item ul li {padding-bottom:10px;}
.product_main_area .product_item ul li:last-child {padding-bottom:50px;}
.product_main_area .product_item ul li:first-child {padding-bottom:10px;}

.cont_fixed {margin:0 auto;width:100%;position:relative;}



.contents_sub_area {position:relative;width:100%;float:left;clear:both;float:left;border-top:1px solid #c7c7c7;}
.contents_sub_area li {width:50%;float:left;text-align:center;height:50px;line-height:50px;}

.contents_sub_area .tier3 li {width:33.3333%;}

.contents_sub_area .tier5 li:nth-child(1) {width:30%;}
.contents_sub_area .tier5 li:nth-child(2) {width:40%;}
.contents_sub_area .tier5 li:nth-child(3) {width:30%;}
.contents_sub_area .tier5 li:nth-child(4) {width:30%;}
.contents_sub_area .tier5 li:nth-child(5) {width:40%;}
.contents_sub_area .tier5 li:nth-child(6) {width:30%;}


.contents_sub_area .tier2 li {width:50%;height:35px;line-height:35px;}
.contents_sub_area .tier3 li {width:33.3333%;}

.contents_sub_area .on {color:#000;font-weight:400;}
.contents_sub_area .on a {font-weight:400;color:#000 !important;}
.contents_sub_area a {color:#333 !important;}

.contents_sub_area {width:100%;float:left;font-size:1em;font-weight:400;letter-spacing:0;}
.contents_sub_area li a {color:#999;}
.contents_sub_area li:hover {background:none;color:#3b393a;}
.contents_sub_area li:hover a {color:#fff;}


#gnb_area li .sub_menu_wrap {visibility:hidden;}
#gnb_area li:hover {float:left;font-weight:bold;color:#000;background:url('../../images/dongwha/menu_over.png') no-repeat bottom;font-weight:900;letter-spacing:0.5px;background-size:60% 10%;}
#gnb_area li.on {float:left;font-weight:bold;color:#000;background:url('../../images/dongwha/menu_over.png') no-repeat bottom;font-weight:900;letter-spacing:0.5px;background-size:55% 10%;}


.sns_area {margin-top:-50px;}
.bottom_menu {margin-top:20px;}


#gnb_area {position:relative;width:100%;z-index:99;margin-top:85px;clear:both;}
#gnb_area li {float:left;padding:0 5px 0 5px;height:40px;line-height:40px;font-weight:400;width:20%;text-align:center;font-size:0.8em;}

#gnb_area li:nth-child(1) {width:20%;text-align:center;font-size:0.8em;}
#gnb_area li:nth-child(2) {width:20%;text-align:center;font-size:0.8em;}
#gnb_area li:nth-child(3) {width:20%;text-align:center;font-size:0.8em;}
#gnb_area li:nth-child(4) {width:20%;text-align:center;font-size:0.8em;}
#gnb_area li:nth-child(5) {width:20%;text-align:center;font-size:0.8em;}



.contents_wrap {width:100%;margin:0 auto;}

{width:100%;float:left;margin:0 auto;margin-bottom:180px;}
.contents_padding {width:100%;float:left;margin:0 auto;margin-bottom:20px;}


#toggle {position:absolute;right:3%;top:40%;}


.sns_area {width:200px;float:right;}
.sns_area li {float:left;height:30px;line-height:30px;font-size:0.8em;margin-right:10px;}
.sns_area li a{color:#b2b2b2;}


	#middle #snb nav.box_snb {display:block;}
	#mwrap,#swrap{padding-top:0;}
	#header_group{position:fixed;border-bottom:1px solid #c7c7c7;height:80px;}
	#top_head #logo{display:block;position:relative;width:100%;background-size:200px auto !important;background:url('/images/dongwha/logo_m.png') no-repeat center;height:50px;}
	#gnb{width:100%;display:block;float:left;}

#footer_group {position:relative;float:left;width:100%;clear:both;}
.introduce_area {width:100%;margin: 0 auto;margin-top:60px;}
	
}
















/* PC 메뉴로 변경 후 */
@media only screen and (min-width:1201px) {


.new_product {width:50%;float:left;display:inline-block;}
.product_main_area {position:relative;width:100%;float:right;clear:both;}
.product_main_area .title_sq {min-height:240px;background:url('/images/dongwha/product_bar.png') no-repeat 65px 82px;font-size:2.2em;line-height:120%;width:267px;font-weight:800;float:left;padding-left:65px;}
.product_main_area .product_item ul {margin-right:10px;float:left;width:135px;text-align:center;text-align:center;}
.product_main_area .product_item ul li {max-width:130px;text-align:center;padding-bottom:10px;float:left;}
.product_main_area .product_item ul li:first-child {padding-bottom:10px;}
.product_main_area .product_item ul li:last-child {width:100%;}
.product_main_area .product_item ul li:last-child span {font-size:1em;}
.product_main_area .product_item ul li span:first-child {color:#000;font-weight:800;text-align:center;}
.product_main_area .product_item ul li span:last-child {font-size:0.9em;}
.contents {width:100%;padding-left:320px;float:right;margin-bottom:180px;clear:both;margin-bottom:180px;margin-top:-80px;}
.contents_sub_area {visibility:hidden;display:none;}
#footer_group{position:fixed;left:0;bottom:0;z-index:999999;width:320px;clear:both;}

#gnb_area .sub_menu_wrap {width:100%;position:relative;float:left;margin-top:10px;margin-bottom:10px;}
#gnb_area .sub_menu_wrap .sub_menu {width:100%;position:relative;float:left;}
#gnb_area .sub_menu_wrap .sub_menu ul li {padding-left:5px;min-height:30px;line-height:30px;float:left;}
#gnb_area .sub_menu_wrap .sub_menu ul li:first-child {color:#000;background:url('../../images/dongwha/icon_plus.png') no-repeat 90% 10px;}
#gnb_area .sub_menu_wrap .sub_menu ul li:last-child {margin-bottom:20px;}
#gnb_area .sub_menu_wrap .sub_menu ul li:first-child {margin-top:10px;}
#gnb_area .sub_menu_wrap .sub_menu li a:hover {color:#000;}
#gnb_area .sub_menu_wrap .sub_menu li a {color:#6a6a6a;}


#gnb_area {position:fixed;top:230px;left:0;z-index:9999999;width:320px;}
#gnb_area li {min-height:70px;width:100%;padding-left:49px;cursor:pointer;float:left;clear:both;background:url('../../images/dongwha/icon_dot.png') no-repeat 39px 5px;font-size:1.3em;font-weight:bold;text-align:left;}
#gnb_area li li:first-child {margin-top:-30px !important;padding-top:30px;}
#gnb_area li li {font-size:0.8em !important;background:none;}
#gnb_area li:hover {float:left;}

.search_area {width:100%;float:left;border:2px solid #000;display:block;}

	#toggle {display:none;}
	#middle #snb h1.lt {display:block;}
	#middle #snb nav.box_snb {display:block;}
	#snb {display:block;}
	.menu5 {width:100% !important;}
	#header_group{position:fixed;height:100%;width:320px;border-bottom:1px solid #c7c7c7;
	box-shadow: -10px 0px 10px -10px #000000,5px 0px 30px -5px #999;}
	#top_head{width:100%;height:108pxz-index:99;}
	#top_head #toggle_menu{display:none;}
	#top_head #logo{left:8px;;top:36px;width:233px;}
	#top_head #logo a{height:100px;background-position:left top;}
	#top_head #global{display:inline-block;position:absolute;top:0;right:0;}
	#top_head #global *{margin:0;}
	#top_head #global a{display:inline-block;float:left;padding:14px 12px 10px 12px;color:#ccc;font-size:12px;font-family:'Verdana';line-height:16px;}
	#top_head #global a:link,#top_head #global a:visited{color:#ccc;}
	#top_head #global a:hover,#top_head #global a:active,#top_head #global a:focus{text-decoration:underline;}
	#top_head #global a.line{margin-left:-1px;border-left:1px solid #262b32;border-right:1px solid #262b32;}
	#gnb{overflow:hidden;position:absolute;top:34px;left:0;right:0;width:100%;height:50px;z-index:97;}
	


	
}












/* 중간 영역 */
@media only screen and (min-width:1000px){
	
.wrapper{width:1000px;}

#tab_list1 {margin-left:0px !important;}
#tab_list2 {margin-left:0px !important;}
#tab_list3 {margin-left:320px !important;}
#tab_list4 {margin-left:600px !important;}
#tab_list5 {margin-left:600px !important;}

.front_banner {position:absolute;top:-300px !important;right:0 !important;z-index:99;}
.front_banner img {width:33% !important;}

.notice_area .notice_tab li.on {font-size:1.1em !important;}
.notice_area .notice_tab li.off {font-size:1.1em !important;}

.tab_area .align_center {width:1200px !important;margin:0 auto;position:relative;overflow:hidden;}
.tab_area .align_center .abs {cursor:pointer;position:absolute;top:-125px !important;right:0;z-index:99;}

.tab_area .align_center .abs img {width:100% !important;}




.thumb_area .thumb_box dl {border-left:5px solid #a0a0a0;padding:0 0 0 15px;margin-top:10px;width:100%;margin-left:0px !important;}



	#middle { margin:0 auto; margin-top: 60px; margin-bottom: 50px; width: 1000px;}
	#md_wrapper {float: left; width: 750px; margin-top:0;}
	/*관련링크*/
	aside { float: right; margin-top: 0px; width: 200px; border: none;}
	#snb{display: block;float:left;width:200px;margin-right:20px;margin-left:20px;margin-top:20px;}
	#snb:after{content:""; clear:both; display:block;}
	#snb h1.lt{display:block;padding-top:15px;margin-bottom:23px;color:#20242a; font-size:30px;font-family:'Nanum Gothic', 'Dotum','arial','sans-serif';line-height:33px;text-align:left; letter-spacing: -2px; font-weight: 600;}
	#snb .box_snb{position:relative;margin-bottom:50px;width:100%;border-top:2px solid #1c498a; }
	
	#snb .box_snb {position:relative;width:100%;}
	#snb .box_snb li {padding:0 0;line-height:0;border-bottom:1px solid #ddd;}
	#snb .box_snb li a {display:block;padding-left:10px;height:50px;color:#454f59;font-size:15px;line-height:50px;}
	
	#snb .box_snb li.on {background:#56a6a8;padding:0 0;line-height:0;border-bottom:1px solid #ddd;}
	#snb .box_snb li.on a {display:block;padding-left:10px;height:50px;color:#000;font-size:15px;line-height:50px;}

	#snb .box_snb ul.sub li {background:#66c6c8;padding:0 0;line-height:0;border-bottom:1px solid #ddd;}
	#snb .box_snb ul.sub li a {display:block;padding-left:10px;height:50px;color:#fff;font-size:15px;line-height:50px;}

}

@media only screen and (min-width:1200px){

.sns_area {width:200px;float:right;}
.sns_area li {float:left;height:30px;line-height:30px;font-size:0.8em;margin-right:10px;}
.sns_area li a{color:#b2b2b2;}

.search_title {clear:both;background:url('../../images/dongwha/icon_dot.png') no-repeat 10px 10px;padding-left:20px;margin-left:20px;font-size:1.6em;font-weight:bold;}
.search_area {border:1px solid #7f7f7f;width:223px;height:32px;margin-top:-10px;position:relative;margin-left:40px;}
.search_area input {width:160px;border:1px solid #fff;font-size:1em;height:28px;margin-top:1px;margin-left:8px;font-weight:400;}
.search_area .search_input {float:left;}
.search_area .btn {float:right;margin-right:10px;}
.search_area .btn img {padding-top:7px;}

	.wrapper{width:1200px;}
	#gnb #animate #tnb{width:1200px;min-height:100px;}
	#t_search input[type='submit'] {border-right:1px solid #20242a;}
	/*#t_search input[type='text']{width:200px;}*/

	#ti_box .path {top:-50px;}
	#ti_box .path a { display: inline-block; vertical-align:middle;}
	#naviSNS .btn_print {display: inline-block;}
	#footer_group .finfo .mark{top:0;right:10px;}
	#footer_group .finfo .copyright span{display:inline-block;}
	
	#logo {margin-left: 30px;}
	#middle {width: 100%;background:#fff;margin-top:0;}
	#md_wrapper {float:left; width:100%;margin-left:30px;}
	/*관련링크*/
	aside {float:right; width:200px;}
}















@media only screen and (min-width:1900px) {

	
	.wrapper{width:1200px;}
	#gnb #animate #tnb{width:1200px;min-height:100px;}
	#footer_group .wrapper{width:1200px;}


.front_banner {position:absolute;top:-190px;z-index:99;width:100%;text-align:right;}
.front_banner img {width:27%;float:right;}

.notice_area {width:100%;position:relative;height:250px;background:#062b47;padding-top:36px;clear:both;margin-top:-50px;margin-bottom:50px;}
.notice_area .align_center {width:100%;margin:0 auto;position:relative;}
.notice_area .notice_list {border-top:2px solid #231f20;width:100%;clear:both;position:absolute;top:56px;left:0;}
.notice_area .notice_list li {line-height:150%;color:#fff;}
.notice_area .notice_list li span {float:right;}
.notice_area .notice_list li a {color:#fff;display:inline-block;width:70%;overflow:hidden;height:23px;margin-left:10px;}
.notice_area .notice_tab {width:100%;clear:both;position:absolute;top:0;left:0;}
.notice_area .notice_tab li {border-radius:10px;cursor:pointer;width:18%;overflow:hidden;height:50px;float:left;text-align:center;margin-right:0px;font-size:15px;line-height:37px;height:37px;margin-bottom:20px;margin-left:5px;}
.notice_area .notice_tab li.on {background:#fff !important;color:#000;background:#062b47;font-size:0.7em;}
.notice_area .notice_tab li.off {background:#083e66;color:#fff;font-size:0.7em;border:1px solid #0d5f9d;}
.notice_area .notice_tab li:last-child {margin-right:0;}



.thumb_area .thumb_box {width:80%;border;margin-right:15px;margin:0 auto;}
.thumb_area .thumb_box .tit {font-weight:bold;color:#fff;font-size:18px;font-weight:bold;height:13px;text-align:center;}
.thumb_area .thumb_box img {border-radius:20px;}
.thumb_area .thumb_box dl {border-left:5px solid #a0a0a0;padding:0 0 0 15px;margin-top:10px;width:100%;}
.thumb_area .thumb_box dt {color:#333;font-size:14px;font-weight:bold;color:#000;font-weight:bold;overflow:hidden;height:23px;}
.thumb_area .thumb_box dd {color:#333;font-size:12px;margin-top:5px;padding-bottom:10px;}
.thumb_area .thumb_box .image {width:100%;margin-top:30px;text-align:center;}

.tab_area {width:100%;position:relative;}
.tab_area .align_center {width:100%;position:relative;}
.tab_area .align_center .abs {cursor:pointer;position:absolute;top:-83px;left:0px;z-index:99;}
.tab_area .align_center .abs img {width:70%;}
.tab_area .notice {float:left;}
.tab_area .course {float:left;}

.more {text-align:center;background:#ad9a63;border-radius:8px;font-weight:bold;width:97%;margin:0 auto;}
.more a {color:#fff !important;font-size:12px;}

.sub_title {line-height:100%;font-weight:bold;font-size:30px;width:100%;padding-bottom:15px;letter-spacint:-2px;margin-top:25px;}

.subtitle {position:absolute;top:-70px;left:-150px;font-size:30px;z-index:99;color:#000;font-weight:bold;width:370px;}
.subtitle img {margin-top:-30px;margin-left:15px;}
.maintitle {position:relative;font-size:30px;font-weight:bold;padding-top:30px;padding-bottom:30px;width:100%;border-bottom:3px solid #555;margin-bottom:30px;}



#snb {position:relative;}

.btn_link1 {padding:10px 20px 10px 20px;border:1px solid #037a7e;font-size:14px;border-radius:10px;color:#fff;background:#56a6a8;}

.table_layout1 {margin-top:10px;border-top:2px solid #000;}
.table_layout1 th {vertical-align:middle;padding:10px 0 10px 0;border-bottom:1px solid #000;color:#fff;height:30px;font-weight:bold;background:#56a6a8;}
.table_layout1 td {vertical-align:middle;padding:10px 0 10px 0;border-bottom:1px solid #ccc;color:#000;}

.table_layout2 {margin-top:10px;border-top:2px solid #000;border-bottom:1px solid #000 !important;}
.table_layout2 th {border-right:1px solid #000;border-bottom:1px solid #000;color:#fff;height:30px;font-weight:bold;background:#bbb;vertical-align:middle;}
.table_layout2 th:last-child {border-right:0;}
.table_layout2 td {border-bottom:1px solid #ccc;color:#000;vertical-align:middle;}

.table_layout3 {margin-top:10px;border-top:2px solid #000;border-bottom:1px solid #000;}
.table_layout3 th {border-right:1px solid #000;border-bottom:1px solid #000;color:#fff;height:30px;font-weight:bold;background:#bbb;vertical-align:middle;}
.table_layout3 th:last-child {border-right:0;}
.table_layout3 td {border-bottom:1px solid #000;color:#000;padding-left:5px;vertical-align:middle;}

.list_style1 {width:100%;position:relative;margin-bottom:30px;}
.list_style1 dt {font-size:17px;font-weight:bold;padding-bottom:10px;}
.list_style1 dt img {margin-top:-5px;vertical-align:middle;font-weight:bold;}
.list_style1 dd {padding-left:20px;}
.list_style1 li {margin-bottom:10px;padding-left:10px;background:url('../../images/dongwha/list_style_icon.png') no-repeat left 8px;}

.tab_style1 {width:100%;position:relative;margin-bottom:30px;float:left;margin-top:30px;margin-bottom:30px;}
.tab_style1 li {margin-bottom:10px;float:left;font-size:14px;padding:5px 7px 5px 7px;background:#eee;border:1px solid #ddd;border-radius:5px;margin-right:10px;}
.tab_style1 li.on {border:1px solid #999;background:#bbb;margin-right:10px;}
.tab_style1 li.on a {color:#fff;}
.tab_style1 li a {color:#000;}

.clearfix {position:relative;}

.location_area {width:300px;font-size:11px;padding:10px 0 0 20px;display:none;}

.menu5 {width:180px !important;}

.detail_tit {font-weight:bold;font-size:16px;text-decoration:underline;display:inline-block;padding-bottom:10px;}
.detail_tit_b {font-weight:bold;font-size:20px;display:inline-block;padding-bottom:10px;}

.detail_box {border:2px solid #000;padding:20px;width:100%;}

.xpress-editor button  {color:#000;}

#tab_list1 {margin-left:0;}
#tab_list2 {margin-left:0;}
#tab_list3 {margin-left:0;}
#tab_list4 {margin-left:0;}
#tab_list5 {margin-left:0;}
#tab_list6 {margin-left:0;}

.thmbox_1 {right:-20px !important;}
.thmbox_2 {right:-20px !important;}
.thmbox_3 {right:-20px !important;}

}











.wid_img_wrap_01 .detail {color:#949494;width:100%;height:35px;0 auto;text-align:right;font-size:1.1em;}
.wid_img_wrap_01 ul {margin-top:0 !important;}

.wid_img_wrap_leda .detail {color:#949494;width:100%;margin:height:20px;0 auto;text-align:right;}
.wid_img_wrap_leda ul {margin-top:0 !important;}

.sub_heading_tit span:first-child, .sub_heading_tit span:last-child {width:17px !important;background-size:17px !important;}
.sub_heading_tit span:nth-child(2) {color:#000;}
.test_text {display:inline-block;padding-top:10px;font-size:1.3em;text-align:center;width:100%;max-width:490px;}

.sub_heading_tit .danke span:nth-child(1) {background:url('/images/dongwha/bg_tit_left_danke.png') no-repeat;}
.sub_heading_tit .danke span:nth-child(2) {background:url('/images/dongwha/bg_tit_center_danke.png');}
.sub_heading_tit .danke span:nth-child(3) {background:url('/images/dongwha/bg_tit_right_danke.png') no-repeat;}

.sub_heading_tit .leda span:nth-child(1) {background:url('/images/dongwha/bg_tit_left_leda.png') no-repeat;}
.sub_heading_tit .leda span:nth-child(2) {background:url('/images/dongwha/bg_tit_center_leda.png');}
.sub_heading_tit .leda span:nth-child(3) {background:url('/images/dongwha/bg_tit_right_leda.png') no-repeat;}

.sub_heading_tit .intrinsic span:nth-child(1) {background:url('/images/dongwha/bg_tit_left_intrinsic.png') no-repeat;}
.sub_heading_tit .intrinsic span:nth-child(2) {background:url('/images/dongwha/bg_tit_center_intrinsic.png');}
.sub_heading_tit .intrinsic span:nth-child(3) {background:url('/images/dongwha/bg_tit_right_intrinsic.png') no-repeat;}




.howtouse_wrap_01 .title {font-size:1.6em;font-weight:800;text-decoration:underline;text-align:left;}
.skincare_wrap ul li .bottom {position:relative;float:left;border-top:1px solid #909090;background:#fff;clear:both;padding-top:15px;padding-bottom:15px;line-height:150%;font-size:1.2em;width:100%;}



.int_horizon_04 {background-color:#f4f4f4; clear:both; overflow:hidden; padding:0;}
.int_horizon_04 ul {display:block; max-width:1400px; width:100%; overflow:hidden; margin:0 auto; text-align:center;}
.int_horizon_04 ul li {float:left; display:block; text-align:left; width:25%;}
.int_horizon_04 ul li div {display:-webkit-flex; display:flex; padding:15px 0;}
.int_horizon_04 ul li div p:nth-child(1) {-webkit-flex:2; flex:2; padding:15px 0;}
.int_horizon_04 ul li div p:nth-child(1) img {max-width:125px; min-width:60px; width:100%; height:auto;}
.int_horizon_04 ul li div p:nth-child(2) {-webkit-flex:5; flex:5; font-size:0.9em; padding:15px;}
.int_horizon_04 ul li div p:nth-child(2) strong {display:block; font-size:1.4em; line-height:130%; font-weight:800;}
.int_horizon_04 ul li div p:nth-child(2) > span {display:block; font-size:17px; font-weight:400; line-height:140%; margin-top:15px;}

.danke_tech_area {max-width:1250px;width:100%;clear:both;margin:0 auto;}
.danke_tech_area li {margin-top:20px;float:left;width:33.33%;}
.danke_tech_text_area {clear:both;text-align:center;width:100%;font-size:1.4em !important;line-height:150%;padding-top:33px;}

.danke_tech_area {max-width:1250px;width:100%;clear:both;margin:0 auto;}
.danke_tech_area li {margin-top:20px;float:left;width:33.33%;}
.danke_tech_text_area {clear:both;text-align:center;width:100%;font-size:1.4em;line-height:150%;padding-top:33px;}

.danke_wr .top {font-size:1em;color:#949494;text-align:right;margin-bottom:-70px;} 
.danke_wr_01 .top {font-size:1em;color:#949494;text-align:right;margin-bottom:-70px;margin-top:70px;}

.danke_tech_step {max-width:1274px;width:100%;margin:0 auto;margin-top:100px;height:500px;}
.danke_tech_step .img_area {float:left;max-width:50%;}
.danke_tech_step .list_area {float:left;max-width:50%;padding-left:53px;}
.danke_tech_step .list_area li {font-size:1em;text-align:left;font-size:1.4em;line-height:150%;margin-bottom:33px;}
.danke_tech_step .list_area li span:first-child {font-weight:800;}
.danke_tech_step .list_area p {font-size:1.4em;text-align:left;line-height:150%;padding-top:10%;padding-bottom:50px;}

.danke_finish_area {position:relative;padding-top:0px;min-height:300px;max-width:1274px;width:100%;margin:0 auto;margin-top:100px;border-radius:50px;border:1px solid #b5b5b5;}
.danke_finish_area ul ul {position:absolute;top:49px;max-width:490px;margin-bottom:-40px !important;}
.danke_finish_area .btn_left {cursor:pointer;width:41px;height:49px;background:url('/images/dongwha/btn_left.png') no-repeat;position:absolute;top:50%;left:25px;margin-top:-20px;}
.danke_finish_area .btn_right {cursor:pointer;width:41px;height:49px;background:url('/images/dongwha/btn_right.png') no-repeat;position:absolute;top:50%;right:25px;margin-top:-20px;}
.danke_finish_area li {min-height:20px;clear:both;width:100%;float:left;font-size:1.4em;text-align:left;line-height:120%;margin-bottom:40px;clear:both;}
.danke_finish_area .num {margin-right:5px;font-weight:800;text-align:right;padding-right:25px;width:10%;float:left;text-decoration:underline;text-decoration:italic;color:#fbb181;font-size:1.3em;}
.danke_finish_area .cont {width:88%;float:left;}
.danke_finish_area li .sm {font-size:0.8em;}
.danke_refer_area {max-width:1274px;width:100%;margin:0 auto;margin-top:20px;}
.danke_refer_area p {padding-left:10px;padding-right:10px;width:50%;float:left;text-align:left;line-height:150%;padding-bottom:10px;}

.danke_finish_area ul {max-width:80%;margin:0 auto;}

.int_tech_area {max-width:1274px;width:100%;margin:0 auto;margin-top:30px;height:345px;}
.int_tech_area li {background:url('/images/dongwha/icon_arrow.png') no-repeat 98% center;padding-right:58px;width:33.333%;float:left;font-size:1.7em;line-height:130%;font-weight:800;}
.int_tech_area li:last-child {background:none;}
.int_tech_area li p:last-child {padding-top:15px;}
.int_tech_area li:nth-child(2) p {color:#a26dac;}
.int_tech_area li p:nth-child(2) {height:60px;font-size:0.7em;}
/* .int_tech_area li p:nth-child(3) {border-radius:50px;padding:0 10px 0 10px;width:120%;color:#000;font-size:0.5em;background:#e4e4e4;margin-top:40px;} */

.int_tech_area2 {max-width:1274px;width:100%;margin:0 auto;background:#e4e4e4;clear:both;}
.int_tech_area2 p {float:left;padding:5px 0;width:33.33%;color:#000;font-size:1em;margin-top:20px;background:#e4e4e4;}
.int_tech_area2 p:first-child {border-radius:50px 0 0 50px;}
.int_tech_area2 p:last-child {border-radius:0 50px 50px 0;}

.bottom_area {max-width:1274px;width:100%;clear:both;margin:0 auto;}
.bottom_area li:first-child {border-radius:20px 0 0 20px;}
.bottom_area li:last-child {border-radius:0 20px 20px 0;}
.bottom_area li {background:#e4e4e4;float:left;width:33.333%;padding-left:5px;padding-right:5px;color:#000;font-weight:600;font-size:1.1em;margin-top:0px;min-height:33px;padding-top:8px;padding-bottom:5px;}

.int_tech02_area {max-width:1274px;width:100%;margin:0 auto;margin-top:50px;height:155px;}
.int_tech02_area li:last-child {background:none;}
.int_tech02_area li {width:33.333%;float:left;background:url('/images/dongwha/icon_arrow.png') 95% no-repeat;padding-right:80px;}
.int_tech02_area li p {padding-top:37px;line-height:110%;padding-bottom:37px;font-size:1.4em;font-weight:800;border:1px solid #000;border-radius:10px;max-width:100%;}
.int_tech02_area li p.last {padding-top:26px;padding-bottom:26px;font-weight:800;color:#d0b6d5;border:1px solid #d0b6d5;}

video {max-width:200%; } 
.video-container {display: inline-block;position: relative;margin-left:0;max-width:500px !important;} 

#inline_content {padding:0 !important;width:100%;}
.popup_area {max-width:100%x;position:relative;padding:0;}
.popup_area .popup_cont {max-width:100%;}
.popup_area .popup_cont .popup_title {background:#000;color:#fff;height60px;line-height:60px;font-size:1.8em;font-weight:bold;padding-left:30px;}
.popup_area .popup_cont .product_cont {padding-top:30px;margin:0 30px 0 30px;line-height:150%;border-top:5px solid #dbdbdb;}
.popup_area .popup_cont .product_cont p {padding-bottom:20px;}
.popup_area .popup_cont .product_name {font-size:1.1em;line-height:150%;padding-top:30px;padding-left:30px;padding-bottom:20px;}
.popup_area .btn_close {font-size:1.8em;text-align:center;display:inline-block;cursor:pointer;border:1px solid #000;width:100px;height:50px;line-height:50px;}
.popup_area .close_area {width:100%;position:relative;height:80px;margin:0 auto;width:100px;}

.danke_bold {background:#dbdbdb;max-width:195px;display:inline-blck;}
.danke_buy {width:229px;height:52px !important;line-height:52px;text-align:center;font-size:1.3em;border:1px solid #000;margin-top:80px;}

@media (min-width:641px) {
	.sub_heading_tit .nsg span:nth-child(2) .web {display:inline-block;}
	.sub_heading_tit .nsg span:nth-child(2) .mobile {display:none;}
}

@media (min-width:641px) and (max-width:990px){
	.int_horizon_04 {padding:0 30px;}
	.int_horizon_04 ul li {width:50%;}
	.int_horizon_04 ul li:nth-child(3) {clear:both;}
	.video-container {width:100% !important;clear:both;text-align:center;}
	.pro_mid div:last-child {width:100%;}

	.int_tech02_area li p {font-size:1.2em;}
}

@media (max-width:640px){
	.bottom_menu {margin-left:5px;}
	.list_top p {font-size:0.9em;}
	.list_top p br {display:none;}
	.skincare_wrap ul li .bottom {font-size:0.9em;}
	.wid_img_wrap_01 .detail {margin:0 auto;color:#949494;width:100%;height:23px;text-align:right;font-size:1.1em;margin-bottom:-10px;}	
	.product_main_area .title_sq {background:url('/images/dongwha/product_bar.png') no-repeat 65px 52px;font-size:1.5em;height:100px;margin-left:-30px;}
	
	.int_tech_area2 {width:100%;margin-top:-50px;display:inline-block;}
	.int_tech_area2 p {font-weight:400;padding:5px 0;width:100%;color:#000;font-size:0.8em;clear:both;margin-top:0;}
	.int_tech_area2 p:first-child {border-radius:20px 20px 0 0;}
	.int_tech_area2 p:nth-child(2) {border-radius:0;}
	.int_tech_area2 p:last-child {border-radius:0 0 20px 20px;}

	.test_text {font-size:1em;}
	.int_horizon p:first-child {vertical-align: middle;display: flex;align-items: center;}
	.int_horizon .line2 {margin-top:10px;}
	.int_horizon .line1 {vertical-align: middle;display: flex;align-items: center;}

	.int_horizon_01 .line2 {vertical-align:middle;display: flex;align-items: center;}
	.int_horizon_01 p:first-child {vertical-align: middle;display: flex;align-items: center;}
	.int_horizon_01 .line2 br {display:none;}
	.int_horizon_01 .line1 {margin-top:4%;vertical-align:middle;display: flex;align-items: center;}
	

	.introduce_area {padding-left:0;padding-right:0;}
	.sub_heading_tit div {display:-webkit-flex; display:flex;}
	.sub_heading_tit span:first-child {}
	.sub_heading_tit span:nth-child(2) {-webkit-flex:1; flex:1;}
	.sub_heading_tit span:nth-child(3) {}
	.sub_heading_tit .intrinsic span:nth-child(2) {width:80%;}
	.sub_heading_tit .intrinsic span:nth-child(2) img {display:inline;max-width:100px;padding:0;margin-top:25px}
	
	.sub_heading_tit .leda span:nth-child(2) {max-width:90%;}
	.sub_heading_tit .leda span:nth-child(2) img {max-width:40%;margin-top:20px}
	.sub_heading_tit .leda span:nth-child(2) img.img01 {width:50%;}
	.sub_heading_tit .leda span:nth-child(2) img.img02 {max-width:85px;}
	
	.sub_heading_tit .nsg span:nth-child(2) .web {max-width:30%;margin-top:20px;display:none;}
	.sub_heading_tit .nsg span:nth-child(2) .mobile {max-width:130px;margin-top:17px;}
	.sub_heading_tit  .nsg span {font-size:0.4em !important;}

	.danke_tech_text_area {font-size:1.2em !important;}
	.danke_finish_area .btn_left {left:0 !important;}
	.danke_finish_area .btn_right {right:0 !important;}
	.danke_bold {display:inline-block !important;margin-top:10px;}
	.int_horizon_04 {display:block; padding:0; height:none; padding:0 15px;}
	.int_horizon_04 ul li {display:block; width:100%;}
	.int_horizon_04 ul li div p:nth-child(1) {-webkit-flex:1; flex:1; padding:0;}
	.int_horizon_04 ul li div p:nth-child(2) {-webkit-flex:4; flex:4; padding:5px 15px 0 15px;;}
	.int_horizon_04 ul li div p:nth-child(2) span {margin-top:5px;}
	.int_horizon_04 ul li:nth-child(2) p:last-child {padding-top:4% !important;}
	.int_horizon_04 ul li:nth-child(3) p:last-child {padding-top:4% !important;}

	.danke_tech_area li {margin-top:20px;float:left;width:100%;}

	.danke_tech_step {width:100%;margin:0 auto;margin-top:100px;}
	.danke_tech_step .img_area {float:left;max-width:100%;text-align:center;}
	.danke_tech_step .list_area {float:left;max-width:100% !important;padding-left:53px;clear:both;float:left;}
	.danke_refer_area p {width:100%;padding-left:10px;margin-bottom:4px;}

	.danke_finish_area ul {max-width:80%;}

	.int_tech02_area li p {font-size:3vw;padding-left:5px;padding-right:5px;}
	
	.video-container {width:140% !important;clear:both;text-align:center;}
	.pro_mid div:last-child {width:100%;}

}



.product_wrap ul {width:100%;}