/*
작성자 : neople by milkfactory
contact :	E-mail			> neople@milkfactory.co.kr
			MSN Messenger	> neople@msn.com
			Nate On			> neople0@nate.com
*/

@charset "euc-kr";

/* 나눔고딕 */
@font-face {
 font-family: "2bsNanumGothic";
 src:	url('/font/NanumGothic.eot');
 src:	local('?'), url('/font/NanumGothic.woff') format('woff'),
		url('/font/NanumGothic.ttf') format('truetype'),
		url('/font/NanumGothic.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "2bsNanumGothicBold";
 src:	url('/font/NanumGothicBold.eot');
 src:	local('?'), url('/font/NanumGothicBold.woff') format('woff'),
		url('/font/NanumGothicBold.ttf') format('truetype'),
		url('/font/NanumGothicBold.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}

@font-face{font-family:'2bsNanumGothic'; src: url('/font/NanumGothic.eot');}
@font-face{font-family:'2bsNanumGothicBold'; src: url('/font/NanumGothicBold.eot');}

/* 공통 */
html {margin:0 auto; padding:0; width:100%; height:100%; min-width:1050px;}
body {margin:0 auto; padding:0; width:100%; height:100%; min-width:1050px; background-color:#f7f7f7; font-size:12px; color:#666; font-family:'2bsNanumGothic', dotum, "돋움", sans-serif;}
strong {font-family:'2bsNanumGothicBold', dotum, "돋움", sans-serif;}
img {border:0 none;}
ul,ol	{list-style:none;}
a 	{color:#666; text-decoration:none;}
a:link, a:active, a:visited	{color:#666; text-decoration:none;}
a:hover 	{color:#00aeef; text-decoration:underline;}
em	{color:#23a9e6; font-style:normal;}
table	{border-collapse:collapse;}
h1,h2,h3,h4,h5, dl,dt,dd, ul,li,ol, p,blockquote, form,fieldset,legend {margin:0; padding:0;}
input {margin:0; padding:0; color:#c3c3c3; padding:1px 1px 0 1px;}
select,textarea	{font-size:12px; color:#000; font-family:'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', '돋움', '돋움체', 'dotum', 'helvetica', 'Applegothic',sans-serif;}

/* 레이아웃 */

#wrap_global {width:100%;height:25px;text-align:center;font-size:10px;background-color:#FFF;line-height:25px;border-bottom:1px solid #d4d4d4;}
#wrap_global ul {margin:0 auto;display:inline-block;width:990px;}
#wrap_global .l {float:left;padding-left:10px;}
#wrap_global .r {float:right;padding-right:10px;}

#wrap_top {width:100%;margin:0 auto;text-align:center;font-family:'2bsNanumGothicBold', dotum, "돋움", sans-serif;}
#wrap_top .logo {padding:20px 0;}
#wrap_top .nav a {display:block;width:330px;height:45px;cursor:pointer;font-size:16px;color:#FFF;line-height:45px;}
#wrap_top .nav ul {display:inline-block;width:990px;}
#wrap_top .nav li {float:left;width:330px;}
#wrap_top #nav1 {background-color:#00aeef;}
#wrap_top #nav2 {background-color:#ee145b;}
#wrap_top #nav3 {background-color:#534741;}
#wrap_top .navs {width:990px;margin:0 auto;height:60px;line-height:60px;}
#wrap_top .navs li {float:left;padding-right:20px;color:#FFF;}
#wrap_top .navs .tit a {font-size:16px;}
#wrap_top .navs a {cursor:pointer;font-size:14px;color:#FFF;}

#wrap_top #navs {width:990px;margin:0 auto;}
#wrap_top #navs1 {display:none;background-color:#00aeef;}
#wrap_top #navs1 ul {display:inline-block;width:930px;padding-left:60px;}
#wrap_top #navs2 {display:none;background-color:#ee145b;}
#wrap_top #navs2 ul {display:inline-block;}
#wrap_top #navs3 {display:none;background-color:#534741;}
#wrap_top #navs3 ul {display:inline-block;width:325px;padding-left:665px;}

#wrap_foot {margin:0 auto;text-align:center;background-color:#FFF;}
#wrap_foot ul {display:inline-block;width:990px;margin:10px auto 0 auto;}
#wrap_foot li {float:left;text-align:left;width:319px;font-size:11px;line-height:20px;padding:5px 0 0 10px;height:115px;color:#7f7f7f;border-left:1px solid #e0e0e0;}

#wrap_content {margin:0 auto 100px auto;text-align:center;}

/* 탑버튼 */
#rb {position:absolute;top:185px;left:50%;margin-left:510px;}

/* 메인 */
#wrap_main .visual {position:relative;margin:10px 0;width:990px;height:300px;background-color:#CCC;overflow:hidden;}
#wrap_main .visual a {background-color:#666666;border:1px solid #FFF;color:#FFF;width:18px;height:18px;line-height:18px;display:inline-block;text-align:center;}
#wrap_main .visual .wrap {position:absolute;width:8910px;height:300px;}

#wrap_main {display:inline-block;text-align:left;width:990px;margin:0 auto;;font-family:'2bsNanumGothic', dotum, "돋움", sans-serif;}
#wrap_main .l {float:left;width:310px;margin-right:25px;}
#wrap_main .l .tit {font-size:14px;height:45px;line-height:45px;padding-left:10px;color:#00aeef;border-top:5px solid #00aeef;border-bottom:1px solid #00aeef;}
#wrap_main .l .thum {margin:0;}
#wrap_main .l .txt {font-size:14px;text-align:justify;line-height:24px;padding:8px 0;}
#wrap_main .l .txt em {color:#00aeef;text-decoration:underline;}
#wrap_main .l .btnwrap ul {display:inline-block;}
#wrap_main .l .btnwrap li {float:left;color:#00aeef;border-left:1px solid #DEDEDE;text-align:center;margin-top:20px;}
#wrap_main .l .btnwrap li img {margin-bottom:5px;}
#wrap_main .c {float:left;width:320px;}
#wrap_main .c .tit {font-size:14px;height:45px;line-height:45px;padding-left:10px;color:#ee145b;border-top:5px solid #ee145b;}
#wrap_main .c .thum img {border:1px solid #ee145b;}
#wrap_main .c .btnwrap ul {display:inline-block;width:100%;margin:10px 0 18px;}
#wrap_main .c .btnwrap .ll {float:left;}
#wrap_main .c .btnwrap .rr {float:right;}
#wrap_main .r {float:left;width:310px;margin-left:25px;}
#wrap_main .r .tit {font-size:14px;height:45px;line-height:45px;padding-left:10px;color:#534741;border-top:5px solid #534741;border-bottom:1px solid #534741;}
#wrap_main .r .btnwrap {text-align:center;padding:15px 0 20px 0;font-size:14px;color:#534741;border-top:5px solid #534741;border-bottom:1px solid #534741;}
#wrap_main .r .btnwrap a {display:inline-block;text-align:center;}
#wrap_main .r a:hover {color:#534741;}

/* SUB */
#wrap_sub_visual {margin:10px auto;color:#FFF;text-align:left;padding:55px 0 0 15px;background:url('/img/sub/visual.png') no-repeat;width:645px;height:45px;font-size:30px;}
#wrap_sub_visual1 {margin:10px auto;color:#FFF;text-align:left;padding:55px 0 0 15px;background:url('/img/sub/visual1.png') no-repeat;width:645px;height:45px;font-size:30px;}
#wrap_sub_visual2 {margin:10px auto;color:#FFF;text-align:left;padding:55px 0 0 15px;background:url('/img/sub/visual2.png') no-repeat;width:645px;height:45px;font-size:30px;}
#wrap_subwrap {display:inline-block;width:990px;text-align:left;}
#wrap_sub {width:660px;float:left;}
#wrap_snav {width:310px;float:right;}

.box1 {padding:0 10px;}
.box1 .scrollbox {padding-top:15px;}
.box1 .scrollbox img {border:3px solid #CCC;cursor:pointer;}
.box1 .scrollbox li {float:left;width:64px;}
.box2 {padding:0 10px;}
.box2 .scrollbox {padding-top:15px;}
.box2 .scrollbox img {border:3px solid #CCC;cursor:pointer;}
.box2 .scrollbox li {float:left;width:64px;}
.box3 {padding:0 10px;}
.box3 .scrollbox {padding-top:15px;}
.box3 .scrollbox img {border:3px solid #CCC;cursor:pointer;}
.box3 .scrollbox li {float:left;width:64px;}

.comm_tit {height:45px;font-size:16px;line-height:45px;color:#534741;padding-left:10px;margin:10px 0;border-top:5px solid #534741;border-bottom:1px solid #534741;}

.introduce .tit {height:45px;font-size:16px;line-height:45px;color:#00aeef;padding-left:10px;margin:10px 0;border-top:5px solid #00aeef;border-bottom:1px solid #00aeef;}
.introduce .stit {font-size:12px;line-height:24px;padding:10px;}
.introduce .stit strong {font-size:14px;color:#00aeef;text-decoration:underline;}

.benefit {padding:20px 0;}
.benefit ul {display:inline-block;padding:15px 0;}
.benefit .img {float:left;width:160px;}
.benefit .txt {min-height:150px;float:left;width:490px;padding:15px 0 10px;border-bottom:1px solid #CCC;font-size:12px;line-height:18px;}
.benefit .txt p {font-size:18px;text-decoration:underline;color:#00aeef;padding-bottom:10px;}

.studio .tit {height:45px;font-size:16px;line-height:45px;color:#ee145b;padding-left:10px;margin:10px 0;border-top:5px solid #ee145b;border-bottom:1px solid #ee145b;}
.studio .stit {font-size:12px;line-height:24px;padding:10px;}
.studio .stit strong {font-size:14px;color:#ee145b;text-decoration:underline;}

.sub1 .tit {height:90px;font-size:16px;line-height:90px;color:#00aeef;padding-left:10px;margin:10px 0;border-top:5px solid #00aeef;border-bottom:5px solid #00aeef;}
.sub1 ul {border-bottom:1px solid #00aeef;}
.sub1 li {height:39px;font-size:12px;line-height:39px;color:#ee145b;border-top:1px solid #00aeef;}
.sub1 li a {color:#00aeef;display:block;padding-left:10px;}
.sub1 li a:hover {color:#FFF;background-color:#369bc0}
.sub1 li .on {color:#FFF;background-color:#369bc0}
.sub1 #subbanner {border:1px solid #00aeef;margin-top:30px;height:90px;background:url('/img/sub/contact.png') no-repeat 10px center;}
.sub1 #subbanner p {padding:18px 0 2px 100px;font-size:12px;}
.sub1 #subbanner span {padding:0 0 0 100px;font-size:22px;color:#00aeef;}
.sub1 #subbanner em  {padding:0 0 0 100px;font-size:12px;color:#666;}

.sub2 .tit {height:90px;font-size:16px;line-height:90px;color:#ee145b;padding-left:10px;margin:10px 0;border-top:5px solid #ee145b;border-bottom:5px solid #ee145b;}
.sub2 ul {border-bottom:1px solid #ee145b;}
.sub2 li {height:39px;font-size:12px;line-height:39px;color:#ee145b;border-top:1px solid #ee145b;}
.sub2 li a {color:#ee145b;display:block;padding-left:10px;}
.sub2 li a:hover {color:#FFF;background-color:#f54f85}
.sub2 li .on {color:#FFF;background-color:#f54f85}
.sub2 #subbanner {border:1px solid #ee145b;margin-top:30px;height:90px;background:url('/img/sub/contact.png') no-repeat 10px center;}
.sub2 #subbanner p {padding:18px 0 2px 100px;font-size:12px;}
.sub2 #subbanner span {padding:0 0 0 100px;font-size:22px;color:#ee145b;}
.sub2 #subbanner em  {padding:0 0 0 100px;font-size:12px;color:#666;}

.sub3 .tit {height:90px;font-size:16px;line-height:90px;color:#534741;padding-left:10px;margin:10px 0;border-top:5px solid #534741;border-bottom:5px solid #534741;}
.sub3 ul {border-bottom:1px solid #534741;}
.sub3 li {height:39px;font-size:12px;line-height:39px;color:#534741;border-top:1px solid #534741;}
.sub3 li a {color:#534741;display:block;padding-left:10px;}
.sub3 li a:hover {color:#FFF;background-color:#a67c52}
.sub3 li .on {color:#FFF;background-color:#a67c52}
.sub3 #subbanner {border:1px solid #534741;margin-top:30px;height:90px;background:url('/img/sub/contact.png') no-repeat 10px center;}
.sub3 #subbanner p {padding:18px 0 2px 100px;font-size:12px;}
.sub3 #subbanner span {padding:0 0 0 100px;font-size:22px;color:#534741;}
.sub3 #subbanner em  {padding:0 0 0 100px;font-size:12px;color:#666;}
.r #subbanner {border:1px solid #534741;margin-top:30px;height:90px;background:url('/img/sub/contact.png') no-repeat 10px center;}
.r #subbanner p {padding:18px 0 2px 100px;font-size:12px;}
.r #subbanner span {padding:0 0 0 100px;font-size:22px;color:#534741;}
.r #subbanner em  {padding:0 0 0 100px;font-size:12px;color:#666;}

.email th {width:100px;color:#534741;padding-left:10px;text-align:left;height:50px;font-size:16px;border-bottom:1px solid #cecece}
.email td {width:550px;text-align:left;height:50px;font-size:16px;border-bottom:1px solid #cecece}
.email td input {height:25px;line-height:25px;color:#000;font-size:14px;border:1px solid #a67c52;}
.email td select {height:27px;line-height:25px;color:#000;font-size:14px;border:1px solid #a67c52;}

.join th {width:120px;color:#534741;padding-left:10px;text-align:left;height:50px;font-size:16px;border-bottom:1px solid #cecece}
.join td {width:530px;text-align:left;height:50px;font-size:16px;border-bottom:1px solid #cecece}
.join td input {vertical-align:middle;height:25px;line-height:25px;color:#000;font-size:14px;border:1px solid #a67c52;}
.join td select {height:27px;line-height:25px;color:#000;font-size:14px;border:1px solid #a67c52;}
.join .tit {font-size:14px;line-height:18px;padding:10px;margin:20px 0 5px 0;color:#534741;border-top:5px solid #534741;;border-bottom:1px solid #534741;}

.joinf .tit {font-size:20px;padding:10px;margin:20px 0 5px 0;color:#534741;border-top:5px solid #534741;}
.joinf .tits {font-size:20px;padding:10px;margin:10px 0 5px 0;color:#534741;border-top:1px solid #534741;}