@charset "utf-8";

html{
	overflow-x:hidden;
	height:100%;
	width:100%;
}
a:link    {color:#555; text-decoration:none;}
a:visited {color:#555;}
a:active  {color:#555;}
a:hover  {color:#1f3266;}
/* Webfont Google */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); /* font-family: 'Nanum Brush Script', cursive; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); /* font-family: 'Nanum Gothic Coding', monospace; */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* font-family: 'Nanum Myeongjo', serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); /* font-family: 'Nanum Pen Script', cursive; */

@font-face {
    font-family: 'nanum-square-r';
    src: url('/ver01/font/nanumsquarer.eot');
    src: url('/ver01/font/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('/ver01/font/nanumsquarer.woff2') format('woff2'),
         url('/ver01/font/nanumsquarer.woff') format('woff'),
         url('/ver01/font/nanumsquarer.ttf') format('truetype'),
         url('/ver01/font/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	
	font-family:'nanum-square-r','Nanum Gothic','나눔 고딕',나눔고딕,Nanum Gothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif;
    font-size: 13px;
	height:100%;
	letter-spacing:-1px;
	margin:0 auto;
	padding:0px;
	line-height:17px;
	color:#555;
	width:100%;
	background:#fff;
	}
h1, h2 {padding:0; margin:0;}
img {vertical-align:middle; border:0; margin:0; padding:0;}
ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;}
input, textarea, select {font-family:'Nanum Gothic','나눔 고딕',나눔고딕,Nanum Gothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif; vertical-align:middle; margin:0; padding:0;}
select {border:#ccc 1px solid; height:27px; padding:0 3px;}
input[type=text],
input[type=password] {border:#ccc 1px solid; height:27px; padding:0 5px; background:#f8f8f8; font-size:11px; line-height:27px;}
input[type=checkbox], input[type=radio] {margin:0 0 0 20px;}
input[type=button] {cursor:pointer; background:#fff; border:#d9d9d9 1px solid; height:27px; padding:0 10px; font-weight:500; border-radius:2px; -webkit-border-radius:2px;}
textarea {border:#ccc 1px solid; padding:10px;}
* {-moz-box-sizing: border-box; box-sizing: border-box;}
.t_color_black {color:#222;}
.none {display:none;}
.fl_l {float:left;}
.fl_r {float:right;}
.text_l {text-align:left !important;}
.text_c {text-align:center;}
.text_r {text-align:right !important; padding-right:45px !important;}
.line_through{text-decoration:line-through;}
.b_yellow{background:#ffeb3c}
/*s테이블*/
table {border-collapse:collapse;border-spacing:0;}
.bbs{width:100%; border-top:#333 1px solid;}
.bbs td, .bbs th {border-bottom:#e5e5e5 1px solid; text-align:center; padding:19px 10px; font-size:16px; line-height:140%; }
.bbs th {background:#f4f5f9; color:#222; font-weight:600;}
.bbs_write {width:100%; border-top:#333 2px solid; border-bottom:#333 2px solid;}
.bbs_write th {height:40px; line-height:40px; border:#e5e5e5 1px solid; padding:5px 10px; background:#f4f5f9; color:#000; text-align:left; text-indent:10px; font-size:15px; font-weight:500;}
.bbs_write td {height:40px; line-height:40px; border:#e5e5e5 1px solid; padding:5px 10px; text-align:left;}
.bbs_write td textarea{width:97%; height:150px;}
.bbs_write th:last-child , .bbs_write td:last-child{border-right:0;}
.bbs_write th:first-child , .bbs_write td:first-child{border-left:0;}
.bbs_write td input[type=text], .bbs_write td input[type=file] {width:50%; background:#fff;}
.bbs_write td input[type=text].w80{width:80%;}
.bbs_write td input[type=text].w30{width:30%;}
.bbs_write td input[type=button] {background:#333; color:#fff; border:#333 1px solid; height:27px; line-height:25px; padding:2 7px; /*border-radius:3px; -webkit-border-radius:3px; */font-size:13px; margin-left:10px; font-weight:400}
.bbs_btn {padding:10px 0; text-align:center;;}
.bbs_btn input[type=button], .bbs_btn input[type=submit] {height:70px; line-height:70px; background:#fff; border:1px solid #d3d3d3; padding:0 15px; cursor:pointer; width:200px; margin-left:5px; font-weight:600; font-size:20px; border-radius:7px; -webkit-border-radius:7px;}
.bbs_btn input:first-child {margin-left:0;}
.bbs_btn .color {background:#39d3ed !important; color:#fff; border:1px solid #39d3ed !important;}
.bbs td.page_arrow {text-align:left;}
.bbs td.page_arrow img, .bbs td.page_arrow span {margin:0 10px;}

/*bc 소통 content 테이블*/
.table_y{width:100%; border-top:#2d3849 2px solid; border-bottom:#2d3849 2px solid; margin-bottom:70px;}
.table_w{width:100%; border-top:#2d3849 2px solid; border-bottom:#2d3849 2px solid; margin-bottom:70px;}
.table_w caption , .table_y caption{color:#222222; font-weight:600; font-size:25px; line-height:180%; text-align:left; overflow:hidden;}
.table_w caption span, .table_y caption span{float:right; font-size:15px; color:#666666; }
.table_w td, .table_w th {border-bottom:#e5e5e5 1px solid; text-align:center; font-size:16px; color:#000; line-height:180%; padding:20px 0;  border-right:1px solid #eaeaea;}
.table_w th {background:#f4f5f9; color:#222; font-weight:600;}
.table_w tr td:last-child , .table_w tr th:last-child  {border-right:0;}
.table_y td, .table_y th {border-bottom:#e5e5e5 1px solid; text-align:left; font-size:16px; color:#000; line-height:180%; padding:20px 0 20px 30px;}
.table_y th {background:#f4f5f9; color:#222; font-weight:600; border-right:1px solid #e5e5e5}
.table_w td .amp , .table_y td .amp{color:#666666;}
.table_w td .num , .table_y td .num{font-weight:600; color:#fff; background:#39d3ed; font-size:13px; border-radius:20px; display:inline-block;  width:20px; height:20px; text-align:center; line-height:23px; margin-right:10px;}


/*s갤러리 테이블*/
.gallery {overflow:hidden; width:102%;}
.gallery li {border:#ebebeb 1px solid; width:31.3%; margin:0 2% 2% 0; float:left; text-align:center;}
.gallery li dl{padding:20px; border-top:#ebebeb 1px solid; position:relative; padding-bottom:60px; text-align:left;}
.gallery li dl dt {font-weight:600; color:#222; font-size:17px; margin-bottom:5px;}
.gallery li dl dd {font-size:12px;}
.gallery li dl dd a {display:block; height:45px; text-align:center; background:#fafafa; line-height:45px; font-weight:600; letter-spacing:0; position:absolute; left:0; bottom:0; width:100%; border-top:#fafafa 1px solid; cursor:pointer;}
.gallery li dl dd a img {margin-right:5px;}
.gallery li:hover {border:#891735 1px solid;}
.gallery li:hover dl {background:#891735; color:#fff;}
.gallery li:hover dl dt {color:#fff;}
.gallery li:hover dl dd a {background:#891735; border-top:#6e122a 1px solid; color:#fff;}

/*s페이지 넘버링*/
.page_num {text-align:center; width:100%; margin:30px 0 50px 0; font-size:14px; line-height:30px;}
.page_num a {padding:6.5px 10px; border:#ccc 1px solid; margin:0 2px; background:#fff; color:#555; cursor:pointer;}
.page_num a:hover, .page_num a.on {color:#fff; background:#273346; border:#273346 1px solid;}
.xx{border:0 !important;; background:none !important; color:#a5a8aa; padding:6.5px 6px !important; }
.xx:hover {background:none !important; color:#a5a8aa !important;}
.page_num img {max-width:11px; *max-width:11px; padding:5px 0px 10px 0px; background:#f5f5f7;}

/* header */
#header{width:100%; overflow:hidden; box-shadow:2px 2px 3px #e5e5e5; z-index:1000; margin-bottom:1px;}
#header .util_wrap{width:100%; border-bottom:1px solid #cccccc;}
#header .util_wrap ul.util{width:1000px; margin:0 auto; overflow:hidden;}
#header .util_wrap ul.util li{float:left;border-left:1px solid #cccccc; color:#999; font-size:15px; text-align:center; width:120px; height:40px; line-height:40px; background:#f7f7f7;}
#header .util_wrap ul.util li a{display:block;}
#header .util_wrap ul.util li.on , #header .util_wrap ul.util li:hover{background:#3bcce8; color:#fff;}
#header .util_wrap ul.util li.olog:hover{background:#2bbdbd;}
#header .util_wrap ul.util li.sotong:hover{background:#7a6251;}

#header .util_wrap ul.util li:hover a , #header .util_wrap ul.util li.on a{color:#fff;}
#header .util_wrap ul.util li:last-child{border-right:1px solid #cccccc;}
#header .gnb_wrap{overflow:hidden; width:1000px; margin:0 auto; height:100px; line-height:100px;}
#header .gnb_wrap h1{float:left; padding-right:90px;}
#header .gnb_wrap .gnb{float:left; overflow:hidden;}
#header .gnb_wrap .gnb li{padding:0 25px; float:left; height:100%;}
#header .gnb_wrap .gnb li a{font-size:20px; color:#222222; font-weight:600; display:block; width:100%; height:100%;}
#header .gnb_wrap .gnb li a:hover{color:#3bcce8}
#header .gnb_wrap .login_link{float:right; width:100px; height:30px; border:1px solid #b5b5b5; text-align:center; line-height:30px; margin-top:35px;}

/* main */
.mainp .container{width:2100px; height:845px; position:relative; left:50%; margin-left:-1050px; overflow:hidden;}
.container .m_slide{width:100%; height:100%; position:absolute; left:0; top:0;}
.container .m_slide li{position:absolute; width:100%; height:100%; top:0; left:0; display:none;}
.container .m_slide li .content{position:absolute; left:50%; width:1000px; height:100%; margin-left:-500px; top:0; text-align:center;}
.container .m_slide li .content dl dt{color:#fff; font-size:50px; font-weight:600; line-height:150%;}
.container .m_slide li .content dl dd{color:#fff; font-size:17px; line-height:150%;}
.container .m_slide li .content .inquiry{display:block; margin:50px auto; font-size:17px; color:#3bcce8; border:1px solid #3bcce8; width:205px; height:60px; line-height:60px; font-weight:600;}
.container .btn_n{position:absolute; left:50%; top:50%; margin-left:550px; margin-top:-80px; cursor:pointer; z-index:100;}
.container .btn_p{position:absolute; left:50%; top:50%; margin-left:-610px; margin-top:-80px; cursor:pointer; z-index:100;}
.container .noti_pop{position:fixed; right:5%; top:200px; z-index:1000;}

/** 메인 1컨텐츠 **/
.container .m_slide li.slide_con1 .content dl{margin-top:30px;}
.container .m_slide li.slide_con1 .content dl dt{margin-bottom:20px; }
.container .m_slide li.slide_con1 .content dl dd{margin-bottom:150px;}
.container .m_slide li.slide_con1 .content img{position:relative; left:-100px; margin-right:20px;}
.container .m_slide li.slide_con1 .content img + img{position:relative; left:100px; margin-right:0;}
/** 메인 2컨텐츠 **/
.container .m_slide li.slide_con2 .content{padding-top:180px; text-align:left; padding-left:20px;}
.container .m_slide li.slide_con2 .content img{float:left; position:relative; left:-100px;}
.container .m_slide li.slide_con2 .content dl{float:left; margin-left:50px; position:relative; left:100px;}
.container .m_slide li.slide_con2 .content dl dt{margin-bottom:20px;}
.container .m_slide li.slide_con2 .content dl dd{margin-bottom:50px;}
.container .m_slide li.slide_con2 .content .inquiry{text-align:center; margin:50px 0; }
/** 메인 3컨텐츠 **/
.container .m_slide li.slide_con3 .content > img{display:none;}
.container .m_slide li.slide_con3 .content dl{margin-top:50px; display:block !important;}
.container .m_slide li.slide_con3 .content dl dt{margin-bottom:20px;}
.container .m_slide li.slide_con3 .content dl dd{margin-bottom:150px;}

/** 메인 4컨텐츠 **/
.container .m_slide li.slide_con4 .content > img{display:none;}
.container .m_slide li.slide_con4 .content dl{margin-top:40px;}
.container .m_slide li.slide_con4 .content dl dt{margin-bottom:20px;  line-height:120%;}
.container .m_slide li.slide_con4 .content dl dt span{font-size:29px; line-height:100%;}
.container .m_slide li.slide_con4 .content dl dd{margin-bottom:150px;}
.container .m_slide li.slide_con4 .content .inquiry{color:#fff; border:1px solid #fff;}
/** 메인 5컨텐츠 **/
.container .m_slide li.slide_con5 .content dl{margin-top:150px;}
.container .m_slide li.slide_con5 .content dl dt{margin-bottom:20px;  line-height:120%; color:#222; position:relative; font-weight:400;}
.container .m_slide li.slide_con5 .content dl dt span{font-weight:600;}
.container .m_slide li.slide_con5 .content dl dt img{position:absolute; left:150px; top:-53px;}
.container .m_slide li.slide_con5 .content dl dd{margin-bottom:50px; color:#666666;}
.container .m_slide li.slide_con5 .content .inquiry{color:#222; border:2px solid #222;}
.container .m_slide li.slide_con5 .content > img{position:absolute; bottom:45px; right:0;}
/* footer */
#footer{width:100%;border-top:1px solid #85888d; overflow:hidden;}
#footer .footer_box{width:1000px; overflow:hidden; margin:0 auto; padding:30px 0; height:170px;}
#footer .footer_box dt{float:left; width:155px;}
#footer .footer_box dd{color:#959595; float:left; line-height:200%;}


/*서브 페이지*/
.sub_p .sub_title{position:relative; text-align:center;}
.sub_p .sub_title dl{position:absolute;left:0; top:0; text-align:center; width:100%;padding-top:58px;}
.sub_p .sub_title dl dt{text-align:center; width:100%; font-size:45px; color:#fff; font-weight:600; line-height:150%;}
.sub_p .sub_title dl dd{width:100%; font-size:17px; color:#a8aeb6;  line-height:150%;}
.sub_p .nav{width:1000px; margin:0 auto; overflow:hidden; text-align:right; height:60px; line-height:60px;}
.sub_p .nav li{display:inline-block; font-size:14px;}
.sub_p .nav .nav_icon{ margin:0 10px;}
.sub_p .content_warp{width:1000px; margin:0 auto; padding:50px 0;}

/**서비스 소개**/
.servise_p h3{font-size:32px; color:#222; font-weight:600; border-bottom:1px solid #b2b2b2;line-height:200%; margin-bottom:0;}
.servise_p .cont01 ul li{overflow:hidden; padding:40px 0;  border-bottom:1px dotted #000;}
.servise_p .cont01 ul li:last-child{border:0;}
.servise_p .cont01 ul li .l_box{float:left; width:260px; color:#222; font-size:27px; font-weight:600;}
.servise_p .cont01 ul li .l_box .t_num{font-weight:600; color:#fff; background:#39d3ed; font-size:17px; padding:5px 10px; border-radius:20px; display:inline-block; margin-bottom:20px;}
.servise_p .cont01 ul li .r_box{float:left;}
.servise_p .cont01 > div{margin:20px 0 100px 0;}
.servise_p .cont02 ul{padding:30px 0;}
.servise_p .cont02 ul li{overflow:hidden; padding:20px 0; }
.servise_p .cont02 ul li .l_box{float:left; width:195px;}
.servise_p .cont02 ul li .r_box{float:left; padding:28px 0;}
.servise_p .cont02 ul li:last-child .r_box{padding:38px 0;}
.servise_p .cont02 ul li .r_box dt{font-weight:600; color:#222222; font-size:22px; line-height:150%; margin-bottom:10px;}
.servise_p .cont02 ul li .r_box dd{color:#666; font-size:16px;  line-height:170%;}

/**상품 소개**/
.product_p .content_warp .table_amp{margin-top:-60px;}
.product_p h3 {color:#222222; font-weight:600; font-size:25px; line-height:180%; text-align:left; overflow:hidden; margin:0;}
.product_p h3 span{float:right; font-size:15px; color:#666666; }

/**신청하기**/
.request_p h3 {color:#222222; font-weight:600; font-size:25px; line-height:180%; text-align:left; overflow:hidden; margin:0;}
.request_p .cont01 , .request_p .cont02{ margin-bottom:50px;}
.request_p dl {margin-bottom:10px;}
.request_p dl dt{font-size:16px; color:#222; line-height:140%;}
.request_p dl dd{font-size:16px;  color:#666;  line-height:140%;}
.request_p .pop_complete{position:fixed; width:100%; height:100%; z-index:1100; background:url('/ver01/img/request/tang.png'); left:0; top:0; display:none;}
.request_p .pop_complete .pop_cont{width:610px; height:370px; position:absolute; left:50%; top:50%; margin-left:-305px; margin-top:-185px; background:#fff; text-align:center;}
.request_p .pop_complete .pop_cont .pop_title{height:60px; color:#fff; padding:0 20px; line-height:60px; font-weight:600; font-size:20px; background:#283347;text-align:left; }
.request_p .pop_complete .pop_cont .comp_num{width:90%; margin:0 auto; border:5px solid #ececec; border-radius:9px; height:75px; line-height:65px; font-size:17px; font-weight:600; margin-top:30px;}
.request_p .pop_complete .pop_cont p{margin:20px 0; font-size:14px; line-height:170%;}

/**문의하기**/
.contact_p table td img{margin:0 3px;}
.contact_p .cont01{overflow:hidden; margin-bottom:30px;}
.contact_p .ques_b{float:right; padding:10px 20px; background:#39d3ed; color:#fff; margin-top:20px; font-size:15px; margin-right:15px; border-radius:5px;}
.contact_p h3{font-size:25px; color:#222; font-weight:600; border-bottom:1px solid #b2b2b2;line-height:200%; margin-bottom:0; margin-top:0;}
.autojoin{display:inline-block; color:#fff; background:#273346; width:80px; height:30px;line-height:30px; text-align:center; margin-right:20px;}


/**로그인**/
.login_p .container{width:100%; height:845px; position:relative; overflow:hidden;background:#f0f0f2;}
.login_p .container .cont01{width:700px; height:590px; position:absolute; left:50%; top:50%; margin-left:-350px; margin-top:-285px; background:#fff; text-align:center; padding:60px 120px;}
.login_p .container .cont01 h2{line-height:130%; font-size:45px; color:#222; font-weight:400;}
.login_p .container .cont01 p{font-size:16px; color:#666666; margin-bottom:40px;}
.login_p .container .cont01 p span.f_blue{color:#39d3ed;}
.login_p .container .cont01 select{width:100%; height:50px; line-height:50px; margin-bottom:20px; font-size:17px; text-indent:10px; }
.login_p .container .cont01 input {width:100%; height:50px; line-height:50px; background:#fff; margin-bottom:20px; font-size:17px; text-indent:10px; }
.login_p .container .cont01 input[type=button] , .login_p .container .cont01 input[type=submit]{margin-top:20px; background:#39d3ed; color:#fff; border:0; font-size:20px; font-weight:600; height:60px; cursor:pointer;}




/**gnb 활성화**/
.servise_p #header .gnb_wrap .gnb .gnb01 a{color:#3bcce8}
.product_p #header .gnb_wrap .gnb .gnb02 a{color:#3bcce8}
.request_p #header .gnb_wrap .gnb .gnb03 a{color:#3bcce8}
/*.servise_p #header .gnb_wrap .gnb .gnb01 a{color:#3bcce8}*/
.contact_p #header .gnb_wrap .gnb .gnb05 a{color:#3bcce8}