@import url("left.css");
#content {width:95%; max-width:1000px; margin:-102px auto 0; margin-bottom:70px; }
#content:after {content:""; display:block; clear:both;}



/*Font-size*/
.ft08 { font-size:0.85em; line-height:1.5em;}
.ft09 { font-size:0.96em; line-height:1.5em; }
.ft12 { font-size:1.2em; line-height:1.5em; }
.ft15 { font-size:1.5em; line-height:1.5em; }
.ft20 { font-size:2em; line-height:1.5em; }

/*Padding*/
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }


/* ¼­ºêºñÁÖ¾ó */
.sv {
	width:100%;
	height:300px;
   line-height:1.4;
	overflow:hidden;
	text-align:center;
	color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 109px;
}

.sv dl dt {font-size: 50px; font-weight: 700; margin-bottom: 10px;}
.sv dl dd {font-size:20px;}

	.sv01 {background:url("../images/sub/sv01.jpg") no-repeat top center;}
	.sv02 {background:url("../images/sub/sv02.jpg") no-repeat top center;}
	.sv03 {background:url("../images/sub/sv03.jpg") no-repeat top center;}
	.sv04 {background:url("../images/sub/sv04.jpg") no-repeat top center;}
	.sv05 {background:url("../images/sub/sv01.jpg") no-repeat top center;}
	.sv06 {background:url("../images/sub/sv01.jpg") no-repeat top center;}
	.sv07 {background:url("../images/sub/sv01.jpg") no-repeat top center;}
	.sv08 {background:url("../images/sub/sv08.jpg") no-repeat top center;}
	.sv09 {background:url("../images/sub/sv09.jpg") no-repeat top center;}
.sub_content { margin-top:0px !important; }

.left { float:left; width:200px;  }

.container_wrap { float:right; width:calc(100% - 239px); max-width:761px;}


.sub_title { margin:30px 0 40px 0; height:50px; border-bottom:1px solid #ddd; display: flex; align-items: center; justify-content:space-between;}
/* .sub_title:after {content:"";display:block;clear:both;} */
.sub_title h3 { font-size:30px; font-weight:600; line-height:100%; overflow:hidden; }
/* .sub_title .area { float:right; } */

.area { margin-top:0px; font-size:12px }
.area ul { color:#6f757a; }
.area ul:after {content:"";display:block;clear:both;}
.area ul li { float:right; padding:9px 3px; }
.area ul li span { font-weight:bold; }
.home { width:10px; background:url('../images/sub/icon_shome.gif') 0 11px no-repeat; text-indent:-9999px; }
.area .active { font-weight:700; color:#243e54; }

.subProducts {display:flex;}
.subProducts li {margin-right:15px; padding-right:15px; position:relative;}
.subProducts li:not(:last-child):after {content:''; display:block; width:1px; height:10px; background-color: #333; position:absolute;
right:0; top:50%; transform: translateY(-50%);}
.subProducts li a {font-size:16px;}
.subProducts li.on a {color:#e10312; font-weight: 700;}

/* snb */
.snb {
	width:838px;
	overflow:hidden;
	margin:0 auto;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.snb li {
	float:left;
	text-align:center;
	position:relative;
	border-left:1px solid #ddd;
}
	.snb.col02 li { width:365px;} .snb.col02 li:first-child {width:366px;}
	.snb.col03 li { width:365px;} .snb.col03 li:first-child {width:366px;}
	.snb.col04 li {	width:274px;} .snb.col04 li:first-child {width:273px;}
	.snb.col05 li {	width:219px;} .snb.col05 li:first-child {width:218px;}
.snb li a {
	display:block;
	height:62px; line-height:62px;
	font-size:1.125em;
	letter-spacing:-0.03em;
	font-weight:500;
	color:#333;
}
.snb li a:hover,
.snb li a:focus,
.snb li.on a {
	color:#fff;
	background:#f159ac;
}


.inner_tab {
	border:2px solid #228bde;
	overflow:hidden;
	text-align:center;
	padding:23px 0;
	margin-bottom:40px;
}
.inner_tab li {
	display:inline-block;
	*display:inline;
	padding:0 20px;
	border-left:1px solid #ddd;
}
.inner_tab li a {
	color:#333;
	font-weight:600;
	font-size:1.126em;
	line-height:1.5em;
}
.inner_tab li a:hover,
.inner_tab li.on a {
	color:#228bde;
}
.inner_tab li:first-child {
	border-left:0;
}

/* Àλ縻 */
.greet_title {font-size: 40px; line-height: 1.3; margin-bottom: 30px; letter-spacing: -0.04em;}
.deFont {font-size:16px; color:#555555; line-height: 1.5; letter-spacing: -0.04em;}
.greet_txt {background: url(../images/sub/about/hand.png) no-repeat right top;}
/* .greet_txt .deFont  {width:50%;} */

/* ÀÎÁõ¼­ */
.licence li {display:flex; justify-content: space-between; margin-bottom: 40px;}
.licence li:last-child {margin-bottom: 0;}
.licence li .lic_img {width:170px;}
.licence li dl {width:-webkit-calc(100% - 200px); width: calc(100% - 200px);}
.licence li dl dt {font-size:20px; font-weight:700; margin-bottom: 15px;}


/* ÁÖ¿ä°í°´ */
.partners_lists {display: flex; flex-wrap: wrap;}
.partners_lists li {width:calc(33.333% - 12px); width:calc(33.333% - 12px); margin:0 15px 15px 0; border: 1px solid #ddd; text-align: center;}
.partners_lists li:nth-child(3n) {margin-right: 0;}

/* ¿À½Ã´Â ±æ */
.locationWrap {margin-top: 35px;}
.locationWrap .mapIcon {width:106px;}
.locationWrap .map_txts {width:-webkit-calc(100% - 106px); width:calc(100% - 106px);}
.locationWrap .map_txts .locateTxt {display:flex; align-items: flex-end; padding-left: 10px; margin-left: 25px;}
.locationWrap .map_txts .lcT {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.locationWrap .map_txts .locateTxt span {margin-right:40px;}
.locationWrap .map_txts .locateTxt span:last-child {margin-right: 0;}
.locationWrap .map_txts .lTxt01 {font-size:22px; font-weight: 700; color:#222222;}
.locationWrap .map_txts .lTxt02 {font-size:17px; font-weight: 300; color:#555;}
.the_map .inmap {padding:0; border:none; z-index:0; width:100%; height:500px;}
.the_map .root_daum_roughmap .wrap_map {height:468px !important;}




/*Á¦Ç°¼Ò°³*/
.product {width:100%; margin:0 auto; position:relative}
.product li {width: calc(33.3333% - 13px); width: -webkit-calc(33.3333% - 13px); float:left; padding:10px 10px 20px 10px; border:1px solid #ddd; margin-bottom:17px;box-sizing: border-box;}
.product_box {/* max-width:220px; */margin-right:17px;}
.product_box_l {margin-bottom:17px}
.product_txt {text-align:center; padding-top:20px; font-size:15px; font-weight:600; letter-spacing:-1px; line-height:130%}
.product_txt01 {font-size:16px; border-bottom:1px solid #ddd}
.s_inner {
	width:761px;
	margin:0 auto;
	position:relative;
}

/* sub tab */
.sub_tab {
	height:50px;
	margin-bottom:15px;
	border-bottom:1px solid #e4e4e4;
}
.sub_tab li {
	float:left;
	width:145px;
}
.sub_tab.size2 li {
	width:14.2857%;
}
.sub_tab.size3 li {
	width:16.66%;
}
.sub_tab.size4 li {
	width:240px;
}
.sub_tab li a {
	display:block;
	text-align:center;
	height:49px;
	line-height:49px;
	background:#f5f5f5;
	color:#808080;
	font-size:14px;
	border:1px solid #e4e4e4;
	border-left-width:0;
}
.sub_tab li:first-child a {
	border-left-width:1px;
}
.sub_tab.size2 li a {
	padding:0;
}
.desktop .sub_tab li:hover a,
.desktop .sub_tab li:focus a {
	background:#fafafa;
}
.sub_tab .on a,
.desktop .sub_tab .on a:hover,
.desktop .sub_tab .on a:focus {
	background:#fff;
	color:#283588;
	font-weight:600;
	border-bottom-color:#fff;
}


.movie { width:732px; height:431px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:15px 0 20px; }

/*»ç¾÷¿µ¿ªÇ¥*/
.es01_tb { width:100%; }
.es01_tb th {
	background:#f5f5f5;
	font-weight:600;
	font-size:16px;
	color:#111;
	border:1px solid #ddd;
	text-align:center;
	padding:15px 0;
}
.es01_tb td {
	color:#5f5f5f;
	padding:10px;
	font-size:14px;
	text-align:center;
	border:1px solid #ddd;
	letter-spacing:-0.03em;
}
.es01_tb2 td {
	color:#888;
	letter-spacing:-0.03em;
	cursor:pointer;
}
.es01_tb2 td.t01 {background:#f8f8f8;}
.es01_tb2 td.t02 {background:#dddddd;}
.es01_tb2 td h2 { margin-bottom:15px;}



/* btn type */
.btn_wrap{margin-top:15px; text-align:center;}
.btn_wrap2{padding:0 10px 20px;}
.btn_wrap.full a{width:100%;}
.btn_wrap.justify{*zoom:1; padding-left:0px; padding-right:0px}
.btn_wrap.justify:after{display:block; content:""; clear:both;}
.btn_wrap.justify .btn{width:100%;}
.btn_wrap.justify .btn:first-child{float:left;}
.btn_wrap.justify .btn:last-child{float:right;}
.btn{display:inline-block; width:140px; height:60px; border-radius:3px; box-shadow:0 1px 0 #e5e5e5; font-size:18px; font-weight:600; line-height:46px; text-align:center;}
.btn span{display:inline-block; width:12px; height:8px; margin-left:5px; vertical-align:middle; background:url(../images/img_arrow_right.png) no-repeat 0 0; background-size:cover;}
.btn span.icon_star{width:12px; height:12px; background:url(../images/icon_star.png) no-repeat 0 0; background-size:cover;}
.btn.btn_gray{border-bottom:1px solid #454545; color:#fff; background-color:#656565;}
.btn.btn_blue{border-bottom:1px solid #262a67; color:#fff; background-color:#343a90;}
.btn.btn_more1{border:1px solid #010101; color:#000; background-color:#fff; width:80%}
.btn.btn_login{width:100px; height:70px; font-size:14px; line-height:70px; border:1px solid #005596; background-color:#006ab6; color:#fff;box-shadow: 0 3px 1px 0 #e5e5e5;}
.btn.btn_type1.naver_map{padding-left:28px; background:url(../images/img_naver_point.png) no-repeat 9px center; background-size:13px 17px;}
.btn.btn_type1{width:auto; height:28px; padding:0 10px; border:1px solid #bebebe; font-size:11px; line-height:28px; background-color:#fff; color:#666;}
.btn.btn_type2{width:auto; height:28px; padding:0 10px; border:1px solid #bebebe; font-size:11px; line-height:28px; background-color:#f0f0f0; color:#666;}
.btn.btn_type3{border:2px solid #006ab6; line-height:36px; background-color:#fff; color:#006ab6;}
.btn.btn_type4{width:auto; height:30px; padding:0 10px; border:1px solid #bebebe; font-size:11px; line-height:28px; background-color:#f5f5f5; color:#646464; box-shadow:none;}
.btn.btn_type5{width:auto; height:31px; padding:0 10px; border:1px solid #0068b2; border-width:0 0 1px; font-size:11px; line-height:32px; background-color:#006ab6; color:#fff;}
.btn.btn_more{width:100%; border:1px solid #cdd2d7; border-radius:inherit; box-shadow:inherit; color:#6e6e6e; background:-webkit-linear-gradient(top, #fff , #f8fafb); /* For Safari 5.1 to 6.0 */
	background:-o-linear-gradient(top, #fff, #f8fafb); /* For Opera 11.1 to 12.0 */
	background:-moz-linear-gradient(bottom, #f8fafb, #fff); /* For Firefox 3.6 to 15 */
	background:linear-gradient(to bottom, #fff , #f8fafb); /* Standard syntax */
}
.btn.btn_more .more{display:inline-block; width:12px; height:8px; margin-left:8px; background:url(../images/icon_arrow_more.png) no-repeat 0 0; background-size:cover;}
.btn_map_view{display:inline-block; padding:7px 9px 7px 32px; border:1px solid #bebebe; border-radius:5px; box-shadow:0 2px 0 #e1e1e1; font-size:11px; font-weight:bold; color:#666; background:url(../images/icon_map_view.png) no-repeat 9px 7px; background-size:18px 15px;}

.btn_level{margin-top:15px; padding-top:10px; border-top:1px solid #e6e6e6; text-align:center;}
.btn_level a:first-child{margin-left:0;}
.btn_level a{display:inline-block; width:35px; height:35px; margin-left:2px; border:1px solid #bebebe; border-radius:20px; font-size:11px; font-weight:bold; line-height:35px; color:#666; background-color:#fff;}
.btn_level a.point{text-indent:-999em; background:url(../images/img_point.png) no-repeat center center #fff; background-size:12px 16px;}
.btn_level a.home{text-indent:-999em; background:url(../images/img_home.png) no-repeat center center #fff; background-size:19px 16px;}
.btn_level a.bookmark{text-indent:-999em; background:url(../images/btn_star.png) no-repeat center center #fff; background-size:16px 16px;}
.btn_level a.btn_map{text-indent:-999em; background:url(../images/img_map.png) no-repeat center center #fff; background-size:15px 16px;}

/* 2014-10-07 */
.btn_wrap ul.style_fix1{width: 100%;display: table}
.btn_wrap ul.style_fix1 li{display: table-cell}
.btn_wrap ul.style_fix1 li.sp{width: 10px}
.btn_wrap ul.style_fix1 li:first-child{width: 49.62%}

.btn.btn_long{width:100%; color:#fff; border-radius:2px; box-shadow:inherit; background:#006ab6;}

.sub_links {height:75px; width:100%; display:none; background-color:#fff; z-index:1;}
.sub_links > div {width:50%; float:left; height:75px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; text-align:left; background:url(../images/sub/sub_select.png) no-repeat center right 10px; background-size:26px auto; box-sizing:border-box;}
.sub_links > div .cur_page {font-size:18px; color:#222; line-height:76px; line-height:1.3; width:80%; height:100%; display:table;}
.sub_links > div:first-child {border-right:1px solid #ddd;}
.sub_links > div .cur_page > span {display:table-cell; vertical-align:middle; padding-left:15px;}
.in_links {border:1px solid #ddd; line-height:1.3; background-color:#fff; box-sizing:border-box; padding:20px 0 20px 22px; position:relative; width:-webkit-calc(100% + 1px); width:calc(100% + 1px); z-index:1;}
.in_links > li {margin-bottom:20px;}
.in_links > li:last-child { margin-bottom:0;}
.in_links > li > a {font-size:18px; color:#222; display:block; width:100%; height:100%; word-break:break-all;}
.right_links .in_links {left:-1px;}
.detail_sub { padding-left:15px;}
.detail_sub li a { font-size:25px; color:#333;}
.the_subs { display:none;}
.hided_lise {display:none;}

.inputborad {border-top:2px solid #909090;}
.inputborad tr td input {height:20px; box-sizing: border-box;}
.inputborad tr td .textarea {width:100%; height:180px; padding:5px}
.namecell {width:100%;  max-width:150px;}
.mailcell {width:27%; max-width:50px;}
.longcell {width:100%; max-width:350px;}

.product_info {display: flex; align-items: flex-start; justify-content: space-between;}
.product_info .prod_img {border:1px solid #ddd; width:48%;}
.product_info .prod_article {width:48%;}

@media screen and (max-width:1000px) {
  /* Àλ縻 */
  .greet_txt {background: none;}
  .greet_txt .deFont br {display:none;}
}

@media screen and (max-width:700px){
  .sv {margin-top:84px; font-size:23px; height: 200px;}
  .sv dl dt {font-size:35px;}
  .sub_title {display: block; height: auto;}
  .area ul {display: inline-block;}
  .left {display:none;}
  .container_wrap {width:100%;}
  .sub_links {display:block;}
  .product_box {width:50%;}
  .product li {width:calc(50% - 9px); width:-webkit-calc(50% - 9px); margin-right: 17px !important;}
  .product li:nth-child(2n) {margin-right:0 !important;}

  .product_info {flex-wrap:wrap;}
  .product_info .prod_img, .product_info .prod_article {width:100%;}
  .product_info .prod_img {margin-bottom: 20px;}
  .product_info .prod_img img {width: 100%;}

  .subProducts {flex-wrap:wrap; border-top:1px solid #ddd; border-left:1px solid #ddd;}
  .subProducts li {width:50%; box-sizing: border-box; line-height: 45px; border:1px solid #ddd; border-top:none; border-left: none; margin:0; padding:0; text-align: center;}
  .subProducts li a {display:block;}
  .subProducts li.on {background-color:#e10312 ;}
  .subProducts li.on a {color:#fff;}
  .subProducts li:not(:last-child):after {display: none;}


  .inputborad, .inputborad tr, .inputborad tr td, .inputborad tr th,
  .inputborad tbody {display:block; width:100%; box-sizing: border-box;}
  .inputborad tr td input {height:40px; margin: 25px 0;}
  .namecell,
  .mailcell,
  .longcell {max-width:none;}
  .inputborad tr td .textarea {height:130px;}
  .inputborad tr .inTh {line-height: 35px; font-size:18px;}

  /* Àλ縻 */
  .greet_title {font-size:30px;}
  .greet_title br {display: none;}

  /* ÀÎÁõ¼­ */
  .licence li .lic_img {width:100px;}
  .licence li dl {width:-webkit-calc(100% - 120px); width: calc(100% - 120px);}

  /* ÁÖ¿ä°í°´ */
  .partners_lists li {width: calc(50% - 10px);}
  .partners_lists li:nth-child(3n) {margin-right:15px;}
  .partners_lists li:nth-child(2n) {margin-right: 0;}

  /* ¿À½Ã´Â ±æ */
  .the_map .root_daum_roughmap .wrap_map {height:350px !important;}
  .the_map .inmap {height:385px;}
  .locationWrap, .locationWrap .map_txts .locateTxt  {flex-wrap:wrap;}
  .locationWrap .mapIcon {margin:0 auto 30px auto;}
  .locationWrap .map_txts,
  .locationWrap .map_txts .locateTxt {width:100%; padding-left: 0; margin-left: 0;}
  .locationWrap .map_txts .locateTxt span {display:block; width:100%; line-height: 1.4;}
}