@charset "utf-8";







/* CSS Document */















@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);







/*@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);*/







*{margin:0; padding:0;-webkit-touch-callout:none}







html{width:100%; height:100%}







body{position:relative; font-size:14px; font-family:'Noto Sans KR',sans-serif; color:#777; -webkit-text-size-adjust: 100%;	-moz-text-size-adjust: 100%;	-ms-text-size-adjust: 100%; -webkit-touch-callout:none}







body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}







ul,ol,li{list-style:none}







img, fieldset{border:none; vertical-align:top}

img{-webkit-touch-callout:none}





legend, caption{display:none}







textarea, button{vertical-align:middle}







button{cursor:pointer;border:none;overflow:visible;}







input, select{height:24px; vertical-align:middle; background:#fff; border:1px solid #e3e3e3; color:#777;}







input[type=text]{ font-family:"돋움", sans-serif}







input,option{padding:3px}







select{height:32px; padding:2px}







textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; color:#777; font-size:12px;}







a{text-decoration:none; color:#777}







a:hover, a:focus, a:active{text-decoration:none;}







table{width:100%; border-collapse:collapse}







button{margin:0; padding:0; background:none; font-size:14px; color:#777; word-break:break-all;}







input[type="password"]{font-family:dotum,"돋움",sans-serif !important;}







input[type="radio"]:focus{outline:1px dotted #888;}







::-webkit-input-placeholder {color:#4a4098;}







:-moz-placeholder {color:#4a4098; opacity:1;}







::-moz-placeholder {color:#4a4098; opacity:1;}







:-ms-input-placeholder {color:#4a4098;}







:placeholder-shown {color:#4a4098;}







.clear{ clear:both;}















/*-------------------------------s: 레이아웃  -------------------------------*/







.wrap{width:auto; max-width:1000px; height:auto; margin:0 auto; padding:0 50px 0 0;}















.top_wrap{height:200px; width:auto; max-width:1400px; position:relative; overflow:hidden}







.top_wrap h1{ position:absolute; left:0; top:60px; z-index:10; width: 200px;}
.top_wrap h1 img {max-width: 100%;}







.top_wrap .side_img{ position:absolute; right:0; top:0; z-index:9; max-width:768px;}



.top_wrap .side_img img{max-width:100%;}















#content .cont_top{height:56px; position:relative; margin-bottom:10px; /*30px*/}







#content .cont_top h2{font-size:30px; font-weight:normal; color:#4d4d4d;/*  border-bottom:#EBEBEB solid 1px; */ padding-bottom:10px;}







#content .cont_top h2 span{font-size:14px; color:#999; display:block; line-height:14px;}







#content .category{position:absolute; bottom:0; right:0; display:none;}







#content .category li{ display:inline-block; background:url(../images/ico_aro.gif) left center no-repeat; padding-left:19px; font-family:"돋움", sans-serif; font-size:12px; margin-left:15px; color:#ccc;}







#content .category li.home{ background:none; padding-left:0;}







#content .category li:last-child{ font-weight:bold; color:#666;}







#content .category li img{ vertical-align:middle}















#menu-toggle{ display:block; background:url(../images/menu_toggle.gif) no-repeat; width:35px; height:23px; position:absolute; top:56px; text-indent:-10000px; color:#999; z-index:100001}















/* 시작: 반응형 모션 */







#container { position:relative; padding-left:0; min-height:800px;







    -webkit-transition: all 0.5s ease;







    -moz-transition: all 0.5s ease;







    -o-transition: all 0.5s ease;







    transition: all 0.5s ease;







}







#container #left_wrap {background:#fff;







    z-index: 1000;







    position: absolute;







    left:-200px;







    width:200px;







    height: 100%;







    margin-left:0;







    overflow-y: auto;







    -webkit-transition: all 0.5s ease;







    -moz-transition: all 0.5s ease;







    -o-transition: all 0.5s ease;







    transition: all 0.5s ease;







}







#container #content {width:auto; position:relative; padding:15px;}















#container.toggled {padding-left:0px;}







#container.toggled #left_wrap {left:0;border-right:#ccc solid 1px;}







#container.toggled #content {position:relative;}















#container .quick{ position:absolute; right:-44px; top:12px; width:10px;}







#container .quick2{display:none}







#container .quick a{ font-size:11px; line-height:13px; display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:#F00 solid 1px;}







#container .quick a.up{padding-bottom:0; margin-bottom:0; border-bottom:none; margin-top:24px;}







#container .quick img{ margin-bottom:20px;}















.mcon_top{height:200px; width:auto; max-width:1400px; position:relative; overflow:hidden}







.mcon_top h1{ position:absolute; left:0; top:20px; z-index:10;}







.mcon_top .mem{ position:absolute; right:0; top:75px; z-index:10;}







.mcon_top .mem a{padding:0 10px; font-size:13px;}















.mcon{max-width:1000px; width:100%; height:auto; margin:0 auto; overflow:hidden;}







.mcon img{width:100%;}







.mcon_mnu{max-width:1000px; width:100%; text-align:center; font-size:0}



	.mcon_mnu li{ display:inline-block;  width:89px; height:70px; text-indent:-9999999px; overflow:hidden; background:url('../images/nav_01.png') no-repeat 0 0; /*transition:all .5s;*/ margin:0 1%; margin-left:0;}



	.mcon_mnu li + li{width:97px;  background-image:url('../images/nav_02.png');}



	.mcon_mnu li + li + li{width:131px;   background-image:url('../images/nav_03.png');}



	.mcon_mnu li + li + li + li{width:100px;   background-image:url('../images/nav_04.png');}



	.mcon_mnu li + li + li + li + li{width:117px;   background-image:url('../images/nav_05.png');}



	.mcon_mnu li + li + li + li + li + li{width:99px;   background-image:url('../images/nav_06.png');}



	.mcon_mnu li + li + li + li + li + li + li{width:114px;   background-image:url('../images/nav_07.png');}



	.mcon_mnu li + li + li + li + li + li + li + li{width:87px;   background-image:url('../images/nav_08.png'); margin-right:0;}



	.mcon_mnu li a{display:block; width:100%; height:100%;}



	.mcon_mnu li a span{display:block;}



	.mcon_mnu li a span.eng{display:none; }



	.mcon_mnu li:hover{background-position:0 bottom;}



	/* .mcon_mnu li a:hover span.kor{display:none;}







.mcon_mnu li a:hover span.eng{display:block; color:#ed1c24} */















.mcon_foot .footer{margin-top:50px; position:relative; padding-left:0;}



	.mcon_foot .footer .fbt{ text-align:left;}



	.mcon_foot .footer .btm{font-size:0;}



	.mcon_foot .footer .btm li{ display:block; font-size:0;}



	.mcon_foot .footer .btm .logo{}



	.mcon_foot .footer .btm .adress span{ font-size:11px; color:#777; background:url(../images/foot_l.gif) right 5px no-repeat; padding-right:6px; margin-right:5px; display:inline-block;}



	.mcon_foot .footer .btm .adress .adressname{ font-size:11px; color:#777; background:url(../images/foot_l.gif) right 5px no-repeat; padding-right:6px; margin-right:5px; display:inline-block;}



	.mcon_foot .footer .btm .adress span:last-child{background:none; padding-right:0; margin-right:0;}



	.mcon_foot .footer .btm .copyright{ display:block; font-size:12px; padding-top:5px;}







.mcon_foot .footer .btm2{font-size:0;}



	.mcon_foot .footer .btm2 li{ display:block; font-size:0;}



	.mcon_foot .footer .btm2 .logo{}
	.mcon_foot .footer .btm2 .logo img {max-width: 120px;}



	.mcon_foot .footer .btm2 .adress span{ font-size:11px; color:#777; background:url(../images/foot_l.gif) right 5px no-repeat; padding-right:6px; margin-right:5px; display:inline-block;}



	.mcon_foot .footer .btm2 .adress .adressname{ font-size:11px; color:#777; background:url(../images/foot_l.gif) right 5px no-repeat; padding-right:6px; margin-right:5px; display:inline-block;}



	.mcon_foot .footer .btm2 .adress span:last-child{background:none; padding-right:0; margin-right:0;}



	.mcon_foot .footer .btm2 .copyright{ display:block; font-size:12px; padding-top:5px;}











 



















/* 메뉴버튼 PC 비활성화 */







@media(min-width:1025px) {







	#menu-toggle{ display:none;}















    #container {padding-left: 240px;}







    #container #left_wrap {width:200px; left:0;}







    #container #content {padding:0; position:relative;}







    #container #content.main {padding:12px 0 0 0;}







    /*







	#container.toggled {padding-left:0;}







    #container.toggled #left_wrap {width:0;}







    #container.toggled #content {position:relative; margin-right:0;}







	*/







}







/* 끝: 반응형 모션 */















/* navigation Styles */







.navi {position:absolute; top:0; left:0; width:190px; margin:0; padding:0; list-style:none;}







.navi li {text-indent:0;line-height:27px;}







.navi li a {display: block;text-decoration: none; color:#000; font-size:14px;}







.navi li a span.eng{display:none;}







.navi li a:hover {text-decoration: none;color: #ed1c24;background:#none;}







.navi li a:active,







.navi li a:focus {text-decoration: none;}







.navi li a:hover span.kor{display:none;}







.navi li a:hover span.eng{display:block;}















.navi li.on > a{color:#333;}







.navi li.on .sub{ display:block;}







.navi li .sub{ display:none; padding-left:10px;}







.navi li .sub.tog{display:block;}







.navi li .sub li{ line-height:25px;}







.navi li .sub li a{font-size:12px; color:#999; /*text-indent:12px;*/}







.navi li .sub li a:hover{color: #ed1c24;}







.navi li .sub li.on a{color: #ed1c24;}







.navi li.qbtn{ font-size:0; padding-top:10px; }







.navi li.qbtn a{ display:inline-block; vertical-align:top; font-size:11px; color:#666; line-height:25px;}







.navi li.qbtn a:last-child{margin-right:0;}







.navi li.qbtn a img{ vertical-align:middle; margin-right:5px; height:15px;}







.navi li.qbtn a img.over { display: none;}







.navi li.qbtn a:hover img { display: none;}







.navi li.qbtn a:hover img.over { display:inline-block;}















.navi > .sidebar-brand {height: 65px;font-size: 18px;line-height: 60px;}







.navi > .sidebar-brand a {color: #999999;}







.navi > .sidebar-brand a:hover {color: #fff;background: none;}















.navi > .log{border:#d9d9d9 solid 1px; border-radius:5px; height:28px; width:178px; margin-top:20px;}







.navi > .log a{width:88px; float:left;padding:0; font-size:11px; height:27px; line-height:27px; text-align:center}







.navi > .log a:last-child{width:88px; border-left:1px solid #d9d9d9;}







.navi > .log a:hover {text-decoration:none; color:#333;background:none;}















.navi > .sns{height:20px; margin-top:30px;}















.footer{ text-align:right; margin-top:80px; position:relative; padding-left:240px; margin-bottom:30px;}







.footer .fbt{/* border-top:#d9d9d9 solid 2px;border-bottom:#d9d9d9 solid 1px; */ text-align:left; margin-bottom:30px; padding:15px 0 0 0; position:relative;}







.footer .fbt li{ display:inline-block; font-size:13px; background:url(../images/foot_l.gif) right 7px no-repeat; padding:0 20px;}







.footer .fbt li:first-child{padding-left:0;}







.footer .fbt li:last-child{padding-right:0; background:none;}







.footer .fbt li a{color:#4d4d4d;}



.footer .fbt li.up{ position:absolute; right:0;}



.footer .fbt li.up a{ text-align:right; color:#F00 !important;}



.footer .fbt li.up img{ margin-left:10px; vertical-align:middle}











.footer .btm{text-align:left; font-size:0;}







.footer .btm li{ display:block; font-size:0; text-align:left;}



/* .footer .btm .logo{ float:left; padding:0 30px 0 0; margin-right:0; background:none; height:114px;} */



.footer .btm .logo{ margin:0 auto 30px; display:table;}







.footer .btm .adress span{ font-size:11px; color:#777; background:url(../images/foot_l.gif) right 5px no-repeat; padding-right:9px; margin-right:8px; display:inline-block}







.footer .btm .adress span:last-child{background:none; padding-right:0; margin-right:0;}







.footer .btm .copyright{ display:block; font-size:12px;}















.footer .btm2{text-align:center; font-size:0;}







.footer .btm2 li{ display:block; font-size:0; text-align:center;}



/* .footer .btm .logo{ float:left; padding:0 30px 0 0; margin-right:0; background:none; height:114px;} */



.footer .btm2 .logo{ margin:0 auto 30px; display:table;}







.footer .btm2 .adress span{ font-size:11px; color:#777; background:url(../images/foot_l.gif) right 5px no-repeat; padding-right:9px; margin-right:8px; display:inline-block}







.footer .btm2 .adress span:last-child{background:none; padding-right:0; margin-right:0;}







.footer .btm2 .copyright{ display:block; font-size:12px;}















@media(min-width:1281px) and (max-width:1360px) {







.navi li {text-indent:0;line-height:36px;}







.navi > .log{border:#d9d9d9 solid 1px; border-radius:5px; height:28px; width:178px; margin-top:37px;}







}















@media(min-width:1025px) and (max-width:1280px) {







.wrap{width:auto; height:auto; margin:0 auto; padding:0 50px 0 50px;}







.navi li {text-indent:0;line-height:36px;}







.navi > .log{border:#d9d9d9 solid 1px; border-radius:5px; height:28px; width:178px; margin-top:15px;}







}







@media(min-width:769px) and (max-width:1024px) {







.wrap{width:auto; height:auto; margin:0 auto; padding:0 1%;}







.top_wrap{border-bottom:none; height:115px; width:100%; max-width:1400px; margin-bottom:0; position:relative; overflow:hidden;}







.top_wrap h1{ position:absolute; left:50px; top:20px; height:95px;}







.top_wrap h1 img{height:78px;}







.top_wrap .side_img{ position:absolute; left:50px; top:0; width:auto; display:none}







.top_wrap .side_img img{ height:150px;}















#container { position:static;}







#container #left_wrap {background:#fff;z-index: 100000;position: absolute;left:-200px;top:0;width:200px; height:102%;}







.navi {top:103px; left:10px;}















#container #content {width:auto; position:relative; padding:0;}







#content .cont_top{border-bottom:none; height:56px; position:relative; padding-top:0; margin-bottom:10px;}















#container .quick{ display:none}







#container .quick2{ display:block; position:absolute; right:1%; top:60px; width:auto; z-index:10000; text-align:right;}







#container .quick2 a{ font-size:11px; line-height:10px; display:inline-block; padding-left:10px; padding-bottom:0; margin-left:10px; margin-bottom:0; border-left:#F00 solid 1px;}







#container .quick2 a:first-child{border-left:none;}







	







.footer{ text-align:right; margin-top:80px; height:200px; position:relative; padding-left:0;}







.footer .fbt{/* border-top:#d9d9d9 solid 2px;border-bottom:#d9d9d9 solid 1px; */ text-align:center; margin-bottom:20px; font-size:0;}







.footer .fbt li{ display:inline-block; font-size:13px; background:url(../images/foot_l.gif) right 7px no-repeat; padding:0 20px;}















}







@media(min-width:481px) and (max-width:768px) {







.wrap{width:auto; height:auto; margin:0 auto; padding:0 1%;}







.top_wrap{border-bottom:none; height:115px; width:100%; max-width:1400px; margin-bottom:0; position:relative; overflow:hidden;}







.top_wrap h1{ position:absolute; left:50px; top:20px; height:95px; text-align:right; background:none;}







.top_wrap h1 img{height:78px;}







.top_wrap .side_img{ display:none}







.top_wrap .side_img img{ height:150px;}















#container { position:static;}







#container #left_wrap {background:#fff;z-index: 100000;position: absolute;left:-200px;top:0;width:200px; height:102%;}







.navi {top:103px; left:10px;}















#container #content {width:auto; position:relative; padding:0;}















#content .cont_top{/* border-bottom:#EBEBEB solid 1px; */ padding-bottom:10px; height:auto; position:relative; padding-top:0; margin-bottom:10px;}







#content .cont_top h2{font-size:33px; font-weight:normal; color:#4d4d4d; border-bottom:none; padding-bottom:0;}















#content .category{position:static; margin-bottom:0;}







#content .category li:first-child{margin-left:0;}















#container .quick{ display:none}







#container .quick2{ display:block; position:absolute; right:1%; top:60px; width:auto; z-index:10000; text-align:right;}







#container .quick2 a{ font-size:11px; line-height:10px; display:inline-block; padding-left:10px; padding-bottom:0; margin-left:10px; margin-bottom:0; border-left:#F00 solid 1px;}







#container .quick2 a:first-child{border-left:none;}















.footer{ text-align:center; margin-top:80px; height:200px; position:relative; padding-left:0;}







.footer .fbt{/* border-top:#d9d9d9 solid 2px;border-bottom:#d9d9d9 solid 1px; */ text-align:left; margin-bottom:20px; font-size:0;}







.footer .fbt li{ display:inline-block; font-size:13px; background:url(../images/foot_l.gif) right 7px no-repeat; padding:0 10px;}







.footer .fbt li.adress br{ display:none;}







.footer .btm .logo{ display:none}







.footer .btm{text-align:center; font-size:0;}







.footer .btm .copyright{ display:block; font-size:11px; margin-top:20px;}







}







@media(max-width:480px){







.wrap{width:auto; height:auto; margin:0 auto; padding:0 1%;}







.top_wrap{border-bottom:none; height:115px; width:100%; max-width:1400px; margin-bottom:0; position:relative; overflow:hidden;}







.top_wrap h1{ position:absolute; right:1%; top:10px; height:95px; text-align:right; background:none;}







.top_wrap h1 img{ width:100px; height:auto;}







.top_wrap .side_img{ display:none}







.top_wrap .side_img img{ height:150px;}















#container { position:static;}







#container #left_wrap {background:#fff;z-index: 100000;position: absolute;left:-200px;top:0;width:200px; height:102%;}







.navi {top:103px; left:10px;}















#menu-toggle{ display:block; background:url(../images/menu_toggle.gif) no-repeat; width:35px; height:23px; position:absolute; top:30px; left:1%; text-indent:-10000px; color:#999; z-index:100001}















#container #content {width:auto; position:relative; padding:0;}















#content .cont_top{/* border-bottom:#EBEBEB solid 1px; */ padding-bottom:10px; height:auto; position:relative; padding-top:0; margin-bottom:10px;}







#content .cont_top h2{font-size:33px; font-weight:normal; color:#4d4d4d; border-bottom:none; padding-bottom:0;}







#content .category{position:static; margin-bottom:0;}







#content .category li{padding-left:14px; margin-left:10px;}







#content .category li:first-child{margin-left:0;}















#container .quick{ display:none}







#container .quick2{ display:block; position:absolute; right:1%; top:80px; width:100%; z-index:10000; text-align:center;}







#container .quick2 a{ font-size:11px; line-height:10px; display:inline-block; width:18%; padding-left:0; padding-bottom:0; margin-left:0; margin-bottom:0; border-left:#F00 solid 1px;}







#container .quick2 a:first-child{border-left:none;}















.footer{ text-align:center; margin-top:80px; height:auto; position:relative; padding-left:0; padding-bottom:30px;}







.footer .fbt{/* border-top:#d9d9d9 solid 2px;border-bottom:#d9d9d9 solid 1px; */ text-align:center; margin-bottom:20px; font-size:0;}







.footer .fbt li{ display:inline-block; font-size:11px; background:url(../images/foot_l.gif) right 5px no-repeat; padding:0 5px;}







.footer .fbt li.adress br{ display:none;}







.footer .btm .logo{ display:none}







.footer .btm{text-align:center; font-size:0;}







.footer .btm .copyright{ display:block; font-size:11px; margin-top:20px;}























.mcon_foot .footer{margin-top:50px; position:relative; padding-left:0;}







.mcon_foot .footer .fbt{ text-align:center}







.mcon_foot .footer .btm{font-size:0;}







.mcon_foot .footer .btm li{ display:inline; font-size:0;}







.mcon_foot .footer .btm .logo{ display:none}







.mcon_foot .footer .btm .adress span{ font-size:11px; color:#a7a7a7; background:url(../images/foot_l.gif) right 5px no-repeat; padding-right:6px; margin-right:5px; display:inline-block;}







.mcon_foot .footer .btm .adress span:last-child{background:none; padding-right:0; margin-right:0;}







.mcon_foot .footer .btm .copyright{ display:block; font-size:12px; padding-top:5px;}















}







/*-------------------------------e: 레이아웃  -------------------------------*/















































/*-------------------------------s: 메인-------------------------------*/







.maincon1{ margin-bottom:20px; position:relative; width:100%;}







.maincon1:before{ content:""; display:block; padding-top:39.655%;}







.maincon1 .visual{position:absolute; left:0; top:0; width:67%; height:100%; overflow:hidden;}















/* .maincon1 .visual .image {position:relative; z-index:1; width:300%; height:100%;}







.maincon1 .visual .image a {float:left; width:33.333%; height:100%;}







.maincon1 .visual .image a img{width:100%; height:100%;}







.maincon1 .visual .paging {position:absolute; bottom:10px; left:50%; margin-left:-30px; overflow:hidden; height:10px; z-index:2;}







.maincon1 .visual .paging img {float:left; margin:0 5px;}







 */















 /* visual 수정 - 16-07-13 */







.maincon1 .visual .image-slider {position:relative;}







.maincon1 .visual .image-slider a img{display:block; width:100%;}















/* visual - owl - controls */







.owl-controls{position:absolute; bottom:3px; z-index:99999; width:100%; text-align:center; margin:0 auto;}







.owl-controls .owl-page span{margin:5px ; background:#999; opacity:1 !important;  filter: Alpha(Opacity=100);}







.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span{background:#fff;}















.maincon1 .banner{position:absolute; right:0; top:0; width:30%; height:100%; overflow:hidden;}







/* .maincon1 .banner .image {position:relative; z-index:1; width:200%; height:100%;}







.maincon1 .banner .image a {float:left; width:50%; height:100%;}







.maincon1 .banner .image a img{width:100%; height:100%;}







.maincon1 .banner .paging {position:absolute; bottom:10px; left:50%; margin-left:-20px; overflow:hidden; height:10px; z-index:2;}







.maincon1 .banner .paging img {float:left; margin:0 5px;}







 */







.maincon2{ width:67%; float:left;}







.maincon2 .port{ font-size:0; margin-bottom:27px;}







.maincon2 .port h3{ font-size:18px; height:32px; color:#4d4d4d; font-weight:400; line-height: normal;}







.maincon2 .port a{ display:block; float:left; width:49%; padding-bottom:37%; position:relative; overflow:hidden; outline:#e6e6e6 solid 1px;}







.maincon2 .port a.rht{float:right;}







.maincon2 .port a img{width:100%; height:auto; position:absolute;top:0; left:0;}







.maincon2 .port a:hover{outline:#ed1c24 solid 1px;}















.maincon2 .shop{ font-size:0;}







.maincon2 .shop h3{ font-size:18px; height:32px; color:#4d4d4d; font-weight:400; line-height: normal;}







.maincon2 .shop a{ display:block; float:left; width:32%;}







.maincon2 .shop a.lft{margin-right:1.9%;}







.maincon2 .shop a.rht{float:right;}







.maincon2 .shop a img{width:100%; border:#e6e6e6 solid 1px;}







.maincon2 .shop a:hover img{border:#ed1c24 solid 1px;}















.maincon3{ width:30%; float:right;}







.maincon3 .news{}







.maincon3 .news h3{ font-size:18px; height:31px; color:#4d4d4d; font-weight:400; line-height: normal;}







.maincon3 .news a{ display:block;}







.maincon3 .news a .pic{width:100%; margin-bottom:15px;}







.maincon3 .news a .pic img{width:100%;}







.maincon3 .news a span{float:left; display:block;}







.maincon3 .news a .tit{width:70%; font-size:14px; line-height:20px; color:#4d4d4d; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}







.maincon3 .news a .date{width:30%; text-align:right; line-height:20px; color:#ccc; font-size:12px;}







.maincon3 .news a .txt{ width:100%; margin-top:5px; font-size:12px; color:#999;







						overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;/*라인수*/ -webkit-box-orient:vertical; word-wrap:break-word; line-height:18px; height:34px;}







.maincon3 .news a:hover .tit{color:#ed1c24}







.maincon3 .news a:hover .date{color:#ed1c24}







.maincon3 .news a:hover .txt{color:#ed1c24}















.maincon3 .study{margin-top:13px;}







.maincon3 .study h3{ font-size:18px; height:31px; color:#4d4d4d; font-weight:400; line-height: normal;}







.maincon3 .study a{ display:block;}







.maincon3 .study a .pic{width:100%; margin-bottom:15px;}







.maincon3 .study a .pic img{width:100%;}







.maincon3 .study a span{float:left; display:block;}







.maincon3 .study a .tit{width:70%; font-size:14px; line-height:20px; color:#4d4d4d; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}







.maincon3 .study a .date{width:30%; text-align:right; line-height:20px; color:#ccc; font-size:12px;}







.maincon3 .study a .txt{ width:100%; margin-top:5px; font-size:12px; color:#999; 







						overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;/*라인수*/ -webkit-box-orient:vertical; word-wrap:break-word; line-height:18px; height:34px;}







.maincon3 .study a:hover .tit{color:#ed1c24}







.maincon3 .study a:hover .date{color:#ed1c24}







.maincon3 .study a:hover .txt{color:#ed1c24}















@media(min-width:1281px) and (max-width:1360px) {







.maincon2 .port{ font-size:0; margin-bottom:23px;}







}







@media(min-width:1025px) and (max-width:1280px) {







.maincon2 .port{ font-size:0; margin-bottom:27px;}







}







@media(min-width:769px) and (max-width:1024px) {







.maincon2 .port{ font-size:0; margin-bottom:21px;}







}







@media(min-width:481px) and (max-width:768px) {







.maincon1{ margin-bottom:20px; position:relative; width:100%;}







.maincon2{ width:100%; float:none; margin-bottom:20px;}







.maincon2 .port{ font-size:0; margin-bottom:20px;}







.maincon3{ width:100%; float:none;}







.maincon3 .news{width:49%; float:left;}







.maincon3 .study{width:49%; margin-top:0; float:right;}







}







@media(max-width:480px){







.maincon1{ margin-bottom:20px; position:relative; width:100%; height:auto;}







.maincon1:before{ content:""; display:block; padding-top:0;}







.maincon1 .visual{position:relative; width:100%; height:59%; overflow:hidden;}















.maincon1 .banner{position:static; width:100%; overflow:hidden; margin-top:10px; height:100%;}







.maincon1 .banner .image {position:relative; z-index:1; width:100%; height:100%;}







/* .maincon1 .banner .image a {float:left; width:50%; height:100%;} */







.maincon1 .banner .image a {display:block ; width:100%;} 







.maincon1 .banner .image a img{width:100%; height:100%;}







/* .maincon1 .banner .paging {position:absolute; bottom:10px; left:50%; margin-left:-20px; overflow:hidden; height:10px; z-index:2;}







.maincon1 .banner .paging img {float:left; margin:0 5px;} */















.maincon2{ width:100%; float:none; margin-bottom:20px;}







.maincon2 .port{ font-size:0; margin-bottom:20px;}







.maincon2 .port a{ display:block; float:none; width:100%; margin-bottom:10px; padding-bottom:60%;}







.maincon2 .port a.rht{float:none; margin-bottom:0;}







.maincon2 .shop{ font-size:0;}







.maincon2 .shop a{ display:block; float:none; width:100%; margin-bottom:10px;}







.maincon2 .shop a.lft{margin-right:0;}







.maincon2 .shop a.rht{float:none; margin-bottom:0;}























.maincon3{ width:100%; float:none;}







.maincon3 .news{width:100%; float:none;}







.maincon3 .study{width:100%; margin-top:20px; float:none;}







}







/*-------------------------------e: 메인-------------------------------*/















































/*-------------------------------s: 서브-------------------------------*/







/*버튼 타입*/







.btn_01{display:inline-block; width:80px; height:30px; color:#fff; background:#333; font-size:12px; text-align:center; text-decoration:none; line-height:30px; margin:3px 0;}







.btn_02{display:inline-block; width:78px; height:28px; color:#777; background:#fff; font-size:12px; text-align:center; text-decoration:none; line-height:28px; border:#777 solid 1px; margin:3px 0;}







.btn_03{display:inline-block; width:80px; height:30px; color:#fff; background:#666; font-size:12px; text-align:center; text-decoration:none; line-height:30px; margin:3px 0;}















/*게시판 목록*/







.bd_list1{position:relative; border-top:2px solid #333;}







.bd_list1 li{width:100%; padding:5px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}







.bd_list1 li .num{width:10%; float:left; text-align:center; color:#777}







.bd_list1 li .num .noti{ display:inline-block; background:#F00; color:#fff; font-size:12px; width:40px; border-radius:2px; text-align:center}







.bd_list1 li .info{width:90%; float:left; overflow:hidden;}







.bd_list1 li .info .txt1{width:70%; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}







.bd_list1 li .info .txt1 a{color:#999; font-weight:normal; text-decoration:none;}







.bd_list1 li .info .txt1 a:hover{color:#000;}







.bd_list1 li .info .txt1 img{margin-left:6px; vertical-align:middle}







.bd_list1 li .info .txt2{width:30%; float:right; text-align:right; font-size:13px; color:#777}







.bd_list1 li .info .txt2 .bar{margin:0 6px; color:#e5e5e5}







.bd_list1.type2 li .type{width:120px; float:left; overflow:hidden; text-align:center; color:#555}







.bd_list1.type2 li .info{width:770px; float:left; overflow:hidden;}







.bd_list1.type2 li .info .txt1{width:570px; float:left;}







.root_daum_roughmap{width:100% !important;}







/*게시판 보기*/







.bd_view{position:relative; margin-bottom:30px; clear:both;}







/* .bd_view .head{padding:15px 0px;} */







.bd_view .head .tit{font-size:20px; color:#333; font-weight:normal; padding-top:10px;}







/*2016.12.14 수정-- .bd_view .head .tit{font-size:24px; color:#333; font-weight:normal; background:url(../images/line_red.gif) 0 top no-repeat; padding-top:5px;}*/







.bd_view .head .txt{font-size:13px; color:#777; margin-top:5px; margin-bottom:20px;}







.bd_view .head .txt .bar{color:#ddd; margin:0 6px}







.bd_view .head .txt .file{ background:url(../images/ico_disk.gif) 0 3px no-repeat; padding-left:20px;}







.bd_view .head .txt .file a{ text-decoration:none; color:#960;}







.bd_view .head .txt .file a:hover{text-decoration:underline;}







.bd_view .view{padding:0; color:#666; line-height:24px; font-family:'Noto Sans KR',sans-serif; font-size:10pt !important}







.bd_view .view p{font-family:'Noto Sans KR',sans-serif !important; font-size:10pt !important}







.bd_view .view p strong{font-family:'Noto Sans KR',sans-serif !important; font-size:10pt !important}







.bd_view .view p span{font-family:'Noto Sans KR',sans-serif !important; font-size:10pt !important}







.bd_view .view strong{font-family:'Noto Sans KR',sans-serif !important; font-size:10pt !important}







.bd_view .view span{font-family:'Noto Sans KR',sans-serif !important; font-size:10pt !important}







.bd_view .view img{ max-width:100%; width:auto; height:auto; display:block;}







.bd_view .view .viewImg{width:100%;}























/*페이징*/







.paging{ margin-top:20px; text-align:center;}







.paging .page_prev{margin-right:20px; display:inline-block; width:10px; height:14px; vertical-align:middle; text-indent:-99999px; background:url('../images/bg_aro.gif') 0 bottom no-repeat; border:none; cursor:pointer;}







.paging .page_next{margin-left:20px; display:inline-block; width:10px; height:14px; vertical-align:middle; text-indent:-99999px; background:url('../images/bg_aro.gif') 0 top no-repeat; border:none; cursor:pointer;}







.paging .page_link { display:inline-block;overflow:hidden;vertical-align:middle; }







.paging .page_link a { display:block;float:left;margin-left:21px;font-size:15px; text-decoration:none; color:#999 }







.paging .page_link a:first-child { margin-left:0; }







.paging .page_link a.on,







.paging .page_link a:hover,







.paging .page_link a:focus { color:#e81019; }















/*갤러리 목록*/







.gallery_list1{ width:100%;/*  border-top:#ededed solid 1px; */ padding-top:50px;}







.gallery_list1 a{display:block; width:22%; margin-right:4%; margin-bottom:30px; float:left; text-decoration:none;}







.gallery_list1 a:nth-child(4n){margin-right:0%;}







.gallery_list1 a .pic{width:100%;font-size:0;content: ""; display:block; padding-top:60%; position:relative; overflow:hidden; outline:#d9d9d9 solid 1px;}







.gallery_list1 a .pic img{width:100%; position:absolute; top:0; left:0; min-height:100%;}







.gallery_list1 .tit{ display:block; font-size:15px; font-weight:normal; color:#333; /*background:url(../images/line_red.gif) left top no-repeat; padding-top:5px;*/ margin-top:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}







.gallery_list1 .date{display:block; font-size:12px; color:#999; height:18px;}







.gallery_list1 .txt{display:none; font-size:12px; color:#999; height:18px;}







.gallery_list1 a:hover .tit{color:#F00;}















.gallery_list2{ width:100%; padding-top:50px;}







.gallery_list2 a{display:block; width:48%; margin-right:4%; margin-bottom:30px; float:left; text-decoration:none;}







.gallery_list2 a:nth-child(2n){margin-right:0%;}







.gallery_list2 a .pic{width:100%;font-size:0;content: ""; display:block; padding-top:33.3%; position:relative; overflow:hidden; outline:#d9d9d9 solid 1px;}







.gallery_list2 a .pic img{width:100%; position:absolute; top:0; left:0; min-height:100%;}







.gallery_list2 .tit{ display:block; font-size:15px; font-weight:normal; color:#333; /*background:url(../images/line_red.gif) left top no-repeat; padding-top:5px;*/ margin-top:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}







.gallery_list2 .date{display:block; font-size:12px; color:#999; height:18px;}







.gallery_list2 .txt{display:block; font-size:12px; color:#999; height:18px;}







.gallery_list2 a:hover .tit{color:#F00;}















/*게시판 쓰기*/







.bd_write{position:relative; border-top:2px solid #333;}







.bd_write li{border-bottom:1px solid #e5e5e5; padding:13px 10px; font-size:14px; color:#555}







.bd_write li strong{display:inline-block; font-size:14px; color:#555; font-weight:normal; width:10%;}







.bd_write li .tit{ width:85%;}







.bd_write li textarea{ width:85%; height:200px;}







.bd_write li .secu_img{height:15px; vertical-align:middle}







.bd_write li .secu{ width:100px;}















/*게시판 기타*/







.bt_lst{ margin-bottom:10px; text-align:right; display:none}







.nodata{ width:100%;; text-align:center; color:#666;}







.nodata span{color:#ac0000;}















.bd_guide{ width:100%; margin-bottom:10px;}







.bd_guide h3{ font-size:16px; font-weight:normal; color:#666; /*background:url(../images/line_red.gif) left bottom no-repeat; padding-bottom:5px; margin-bottom:5px;*/}







.bd_guide p{ font-size:12px; font-weight:normal; color:#999;}















.btn_area{ width:100%; margin-top:-25px; height:30px; text-align:right}







.btn_area a:last-child{ margin-right:0;}







.btn_area2{ width:100%; margin-top:20px; text-align:right}







.btn_area2 a:last-child{ margin-right:0;}







.btn_area3{ width:100%; margin-top:20px; text-align:center}















.bd_jump{border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd}







.bd_jump li{width:98%; overflow:hidden; padding:15px 1%; font-size:14px;}







.bd_jump p{float:left}







.bd_jump .tit{width:10%; text-align:left;}







.bd_jump .prv{border-bottom:1px solid #e5e5e5}







.bd_jump .prv .tit span{display:block; background:url('../images/bg_aro_up.gif') no-repeat 50px 8px;}







.bd_jump .nxt .tit span{display:block; background:url('../images/bg_aro_down.gif') no-repeat 50px 8px;}







.bd_jump .txt{width:75%;}







.bd_jump .date{width:15%; text-align:right; color:#999; font-size:12px;}















.port_list{ width:100%; height:auto; overflow:hidden;}







.port_list li{ float:left;}







.port_list li img{ width:100%;}







.port_list li.xl{ width:100%; height:auto; overflow:hidden; border:#ccc solid 1px; margin-bottom:20px; box-sizing:border-box;}







.port_list li.mm{ width:100%; overflow:hidden}







.port_list li.mm .pic{ width:23%; margin-right:2.3%; /*width:176px; height:130px;*/ border:#ccc solid 1px; float:left}







.port_list li.mm .pic:nth-child(4n){ margin-right:0;}







.port_list li.mm .pic:nth-child(n+5){ display:none}







.port_list li.mm .pic span{ display:block; width:100%; font-size:0; content:""; padding-top:60%; position:relative; overflow:hidden;}







.port_list li.mm .pic span img{ position:absolute; width:100%; top:0; left:0; min-height:100%;}















.btnView{float:right;;width:80px; height:25px;  position:relative; /*top:-25px;*/ z-index:99;}







.btnView a{ display:block; width:100%; height:100%; background:#333; color:#fff; text-align:center; line-height:25px; border-radius:2px; font-size:14px;}















/*작업의뢰*/







.agree{ width:100%; margin-bottom:30px;}







.agree h3{ font-size:16px; font-weight:normal; color:#666; /*background:url(../images/line_red.gif) left bottom no-repeat; padding-bottom:10px;*/ margin-bottom:10px;}







.agree p{ font-size:14px; padding:15px 10px 15px 10px; height:auto; line-height:22px; border:#CCC solid 1px;}







.agree label{ display:block; margin-top:10px; color:#333;}







.option{ margin-bottom:10px;}







.option sub{color:#F00; font-size:14px;}







.order{position:relative; border-top:2px solid #333;}







.order li{border-bottom:1px solid #e5e5e5; padding:13px 10px; font-size:14px; color:#555}







.order li strong{display:inline-block; font-size:14px; color:#555; font-weight:normal; width:15%;}







.order li strong sub{color:#F00; font-size:14px;}







.order li input[type=text]{ width:80%;}







.order li input[type=file]{ width:80%; border:none;}







.order li textarea{ width:80%; height:200px;}







.order li img#spamImg{ height:32px;}







.order li input.tel1{ width:80px;}







.order li input.tel2{ width:80px;}







.order li input.email1{ width:100px;}







.order li input.email2{ width:100px;}







.order li .secu_img{height:15px; vertical-align:middle}







.order li input.secu{ width:190px;}







.order li.hopday strong br{ display:none;}















/*회원가입*/







.member_guide{ width:100%; margin-bottom:10px;}







.member_guide h3{ font-size:16px; font-weight:normal; color:#666; /*background:url(../images/line_red.gif) left bottom no-repeat; padding-bottom:5px;*/ margin-bottom:5px;}







.member_guide p{ font-size:12px; font-weight:normal; color:#999;}















.member_step{border:#e8e8e8 solid 1px; height:40px; width:100%; position:relative; margin:50px 0;}







.member_step p{ width:33.3%; float:left; text-align:center; font-size:16px; line-height:40px;}







.member_step .aro1{ position:absolute; top:10px; left:33.3%; margin-left:-5px;}







.member_step .aro2{ position:absolute; top:10px; left:66.6%; margin-left:-5px;}







.member_step p.this{border-bottom:#F00 solid 2px; height:39px; color:#F00;}















.join01{ width:100%; margin-bottom:40px;}







.join01 h3{ font-size:16px; color:#666; margin-bottom:15px; font-weight:normal; /*background:url(../images/line_red.gif) left top no-repeat; padding-top:5px;*/}







.join01 .arg{border:#CCC solid 1px; padding:15px; height:200px; overflow-y:scroll; margin-bottom:10px;}







.join01 .arg p{font-size:13px; font-weight:normal;}







.join01 .chk{font-size:13px; color:#666;}







.join01 .chk strong{color:#000; font-weight:normal}















.join02{position:relative; border-top:2px solid #333;}







.join02 li{border-bottom:1px solid #e5e5e5; padding:13px 10px; font-size:14px; color:#555}







.join02 li strong{display:inline-block; font-size:14px; color:#555; font-weight:normal; width:20%;}







.join02 li strong sub{color:#F00; font-size:14px;}







.join02 li input[type=text]{ width:75%;}







.join02 li input[type=file]{ width:75%;}







.join02 li textarea{ width:75%; height:200px;}







.join02 li input.email1{ width:100px;}







.join02 li input.email2{ width:100px;}







.join02 li .secu_img{height:15px; vertical-align:middle}







.join02 li input.secu{ width:100px;}







.join02 li.hopday strong br{ display:none;}















.join03{border-left:5px solid #e8e8e8;border-right:5px solid #e8e8e8; height:auto; position:relative;}







.join03 .bar_top{ position:absolute; top:0; left:0; width:100%; height:5px;}







.join03 .bar_bot{ position:absolute; bottom:0; left:0; width:100%; height:5px;}







.join03 .bg{ padding:80px 0; width:80%; margin:0 auto}







.join03 .bg .tit{font-size:36px; text-align:center; font-weight:300; color:#231f20;}







.join03 .bg .tit span{color:#ed1c24}







.join03 .bg .tit br{ display:none}







.join03 .bg .line{ background:#ed1c24; width:120px; height:1px; margin:40px auto;}







.join03 .bg .txt{text-align:center; padding-bottom:15px;}















/*로그인*/







.login{border-left:5px solid #e8e8e8;border-right:5px solid #e8e8e8; height:auto; position:relative;}







.login .bar_top{ position:absolute; top:0; left:0; width:100%; height:5px;}







.login .bar_bot{ position:absolute; bottom:0; left:0; width:100%; height:5px;}







.login .bg{padding:80px 0; width:auto;}







.login .bg .area{ margin:0 auto 50px auto; width:70%;}







.login .bg .area li{ padding:0; height:35px;}







.login .bg .area li strong{ float:left; width:25%; font-weight:normal; color:#666; text-align:left; line-height:32px;}







.login .bg .area li input{ float:right;width:70%;}







.login .bg .area li.btarea{ text-align:right; height:40px;}







.login .bg .area li.btarea a{display:inline-block; width:70%; height:40px; background:#333; text-align:center; color:#fff; line-height:40px; padding:0 4px;}















.login .bg .hlp{border:#EEE solid 1px; border-radius:3px; width:64%; padding:10px 3%; margin:0 auto;}







.login .bg .hlp li{ background:url(../images/blt_s.gif) 0 11px no-repeat; font-size:13px; padding:3px 0 3px 10px;}















.login .bg .bta{width:70%; margin:50px auto 0 auto; text-align:center; height:30px;}







.login .bg .bta li{ line-height:30px; margin:0 5px 5px 5px; font-size:14px; width:150px; display:inline-block;}







.login .bg .bta li span{font-weight:normal; color:#666; text-align:left;}







.login .bg .bta li a{ display:block; width:150px; float:right; font-weight:normal; color:#fff; text-align:center; background:#666; border-radius:3px; font-size:13px;}















.find{border-left:5px solid #e8e8e8;border-right:5px solid #e8e8e8; height:auto; position:relative;}







.find .bar_top{ position:absolute; top:0; left:0; width:100%; height:5px;}







.find .bar_bot{ position:absolute; bottom:0; left:0; width:100%; height:5px;}







.find .bg{padding:80px 0; width:80%; margin:0 auto;}







.find .bg .hlp{ margin-bottom:10px;}







.find .bg .area{ margin:0 auto 50px auto; width:100%; border-top:2px solid #333;}







.find .bg .area li{border-bottom:1px solid #e5e5e5; padding:13px 10px; font-size:14px; color:#555}







.find .bg .area li strong{display:inline-block; font-size:14px; color:#555; font-weight:normal; width:25%;}







.find .bg .area li strong sub{color:#F00; font-size:14px;}







.find .bg .area li input[type=text]{ width:70%;}







.find .bg .bta{margin:50px auto 0 auto; text-align:center}















/*약관*/







.policy{ width:100%; margin-bottom:40px;}







.policy .arg{border:#CCC solid 1px; padding:15px; margin-bottom:10px;}







.policy .arg p{font-size:13px; font-weight:normal;}















.mypage_hlp{ margin-bottom:10px;}







.mypage{position:relative; border-top:2px solid #333;}







.mypage li{border-bottom:1px solid #e5e5e5; padding:13px 10px; font-size:14px; color:#555}







.mypage li strong{display:inline-block; font-size:14px; color:#555; font-weight:normal; width:15%;}







.mypage li strong sub{color:#F00; font-size:14px;}







.mypage li input[type=text]{ width:80%;}







.mypage li input[type=file]{ width:80%;}







.mypage li textarea{ width:80%; height:200px;}







.mypage li input.birth{ width:80px;}







.mypage li input.email1{ width:100px;}







.mypage li input.email2{ width:100px;}







.mypage li .secu_img{height:15px; vertical-align:middle}







.mypage li input.secu{ width:100px;}







.mypage li.hopday strong br{ display:none;}















/*탈퇴*/







.out{border:5px solid #e8e8e8; height:580px;}







.out .bg{ background:#FFF; height:590px; padding-top:80px;  margin:0 auto; margin-top:-5px; width:80%;}







.out .bg .hlp{width:70%; padding:10px 0; margin:0 auto 30px auto;}







.out .bg .hlp li{ background:url(../images/blt_s.gif) 0 11px no-repeat; font-size:13px; padding:3px 0 3px 10px;}















.out .bg .area{ margin:0 auto 50px auto; width:70%;}







.out .bg .area li{ padding:3px 0; text-align:right}







.out .bg .area li strong{ display:inline-block; width:25%; font-weight:normal; color:#666; text-align:left;}







.out .bg .area li input{width:70%;}







.out .bg .area li.sau{ margin-bottom:30px;}







.out .bg .area li.sau strong{ display:block; width:100%; margin-bottom:10px;}







.out .bg .area li.sau textarea{ width:98%; padding:3px 1%; height:50px;}







.out .bg .area li.btarea{ text-align:right;}







.out .bg .area li.btarea a{display:inline-block; width:70%; height:40px; background:#333; text-align:center; color:#fff; line-height:40px; padding:0 4px;}















/*프로필*/







.profile{ width:100%; padding-top:30px;}







.profile .img{ width:100%; height:386px; position:relative; text-align:center; background:#eaeaea; overflow:hidden}







/* .profile .img img{ position:absolute; top:0; left:50%; margin-left:-248px;} */
.profile .img img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 100%; }








.profile h3{ margin-top:30px; margin-bottom:60px; position: relative;}
.profile h3 .photoby {position: absolute; right: 0; top: -28px; font-size: 14px; color: #4d4d4d;  }







.profile h3 img{max-width:100%;}















/*.profile .pro1{ margin-bottom:30px; width:100%; float:left;}*/



/**/



/*.profile .pro1 li{ padding-bottom:10px; color:#999; line-height:20px;}*/



/**/



/*.profile .pro1 .tit{ height:50px; font-size:20px; color:#4d4d4d; padding-bottom:0;}*/







.profile .pro1{ margin-bottom:30px; width:100%; float:left;}







.profile .pro1 .tit{ height:50px; color:#999; font-size:20px; color:#4d4d4d; padding-bottom:0;}







.profile .pro1 tr th{text-align:left; font-weight:normal; color:#666; font-size:14px; vertical-align:top;}







.profile .pro1 tr td{text-align:left; color:#999; font-size:14px; vertical-align:top; padding-bottom:15px; line-height:20px;}



.profile .pro1 tr td p{line-height:24px;  display:table-row;}



.profile .pro1 tr td p b{ display:table-cell; width:100px; font-weight:normal; color:#333;}



.profile .pro1 tr td p span{ display:table-cell;}















.profile .pro2{ margin-bottom:30px; width:100%; float:left;}







.profile .pro2 .tit{ height:50px; color:#999; font-size:20px; color:#4d4d4d; padding-bottom:0;}







.profile .pro2 tr th{text-align:left; font-weight:normal; color:#666; font-size:14px; vertical-align:top;}







.profile .pro2 tr td{text-align:left; color:#999; font-size:14px; vertical-align:top; padding-bottom:15px; line-height:20px;}



.profile .pro2 tr td p{line-height:24px;  display:table-row;}



.profile .pro2 tr td p b{ display:table-cell; width:100px; font-weight:normal; color:#333;}



.profile .pro2 tr td p span{ display:table-cell;}















.profile .pro3{ margin-bottom:30px; width:100%; float:right;}







.profile .pro3 .tit{ height:50px; color:#999; font-size:20px; color:#4d4d4d; padding-bottom:0;}







.profile .pro3 tr th{text-align:left; font-weight:normal; color:#666; font-size:14px; vertical-align:top;}







.profile .pro3 tr td{text-align:left; color:#999; font-size:14px; vertical-align:top; padding-bottom:15px; line-height:20px;}



.profile .pro3 tr td p{line-height:24px;  display:table-row;}



.profile .pro3 tr td p b{ display:table-cell; width:100px; font-weight:normal; color:#333;}



.profile .pro3 tr td p span{ display:table-cell;}











/*강좌소개*/







/* .academy{ width:100%; background:url(../images/img_study.jpg) right 50px no-repeat; background-size:53%;} */







.academy h3{height:50px; font-weight:normal; color:#4d4d4d; font-size:20px;}







.academy p{font-size:14px; margin-bottom:20px;}















.location{ text-align:center}







.location img{ max-width:100%; width:100%;}















/*사이트맵*/







.sitemap ul{ width:100%; padding-bottom:30px; padding-top:19px; border-bottom:#ebebeb solid 1px; font-size:0;}







.sitemap ul:last-child{border:none;}







.sitemap ul li{ vertical-align:top}







.sitemap ul li.mnu1{ width:25%; display:inline-block; color:#333; background:url(../images/line_red.gif) left top no-repeat; padding-top:10px; font-size:14px;}







.sitemap ul li.mnu2{ width:74%; display:inline-block; padding-top:10px; font-size:0;}







.sitemap ul li.mnu2 a{ width:33.3%; display:inline-block; font-size:14px;}















@media(min-width:769px) and (max-width:1024px) {







.profile .pro1{ margin-bottom:30px; width:100%; float:left;}







.profile .pro2{ margin-bottom:30px; width:100%; float:left;}







.profile .pro3{ margin-bottom:30px; width:100%; float:right;}















.order li img#spamImg{ height:32px;}







.order li input.secu{ width:190px;}







}















@media(min-width:481px) and (max-width:768px) {







.bd_list1 li .num{width:100%; float:none; text-align:left; color:#777; display:none}







.bd_list1 li .info{width:100%; float:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}







.bd_list1 li .info .txt1{width:100%; float:none;}







.bd_list1 li .info .txt2{width:100%; float:none; text-align:left; font-size:13px; color:#777}















.gallery_list1 a{display:block; width:48%; margin-right:4%; margin-bottom:30px; float:left; text-decoration:none;}







.gallery_list1 a:nth-child(2n){margin-right:0%;}















.profile .pro1{ margin-bottom:30px; width:90%; float:left; padding-left:20px;}







.profile .pro2{ margin-bottom:30px; width:100%; float:left;}







.profile .pro3{ margin-bottom:30px; width:100%; float:left;}















.academy{ width:100%; background:url(../images/img_study2.jpg) right 50px no-repeat; background-size:30%;}















.order{position:relative; border-top:2px solid #333;}







.order li strong{display:inline-block; font-size:14px; color:#555; font-weight:normal; width:25%;}







.order li input[type=text]{ width:70%; padding-left:1%; padding-right:1%;}







.order li input[type=file]{ width:70%; padding-left:1%; padding-right:1%;}







.order li textarea{ width:70%; height:200px; padding-left:1%; padding-right:1%;}







.order li img#spamImg{ height:32px;}







.order li input.secu{ width:190px;}















/*사이트맵*/







.sitemap ul li.mnu1{ width:33.3%;}







.sitemap ul li.mnu2{ width:66.6%;}







.sitemap ul li.mnu2 a{ width:50%; display:inline-block; font-size:14px;}







}















@media(max-width:480px){







.bd_list1 li{width:100%; padding:5px 0; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:15px;}







.bd_list1 li .num{width:100%; float:none; text-align:left; color:#777}







.bd_list1 li .info{width:100%; float:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}







.bd_list1 li .info .txt1{width:100%; float:none;}







.bd_list1 li .info .txt2{width:100%; float:none; text-align:left; font-size:13px; color:#777}















.gallery_list1 a{display:block; width:48%; margin-right:4%; margin-bottom:30px; float:left; text-decoration:none;}







.gallery_list1 a:nth-child(2n){margin-right:0%;}







.gallery_list2 a{display:block; width:100%; margin-right:0; margin-bottom:30px; float:left; text-decoration:none;}







.gallery_list2 a:nth-child(2n){margin-right:0%;}















.profile .pro1{ margin-bottom:30px; width:100%; float:left;}







.profile .pro2{ margin-bottom:30px; width:100%; float:left;}







.profile .pro2 tr{ display:block;}







.profile .pro2 tr th{ display:inline;}







.profile .pro2 .tit{ padding-left:0;}







.profile .pro2 tr td{ display:inline;}







.profile .pro2 tr td:last-child{ display:block;}















.profile .pro3{ margin-bottom:30px; width:100%; float:left;}







.profile .pro3 tr{ display:block;}







.profile .pro3 tr th{ display:inline;}







.profile .pro3 .tit{ padding-left:0;}







.profile .pro3 tr td{ display:block;}















.academy{ width:68%; padding-right:32%; background:url(../images/img_study2.jpg) right 50px no-repeat; background-size:30%;}















.order{position:relative; border-top:2px solid #333;}







.order li strong{display:inline-block; font-size:14px; color:#555; font-weight:normal; width:100%;}







.order li input[type=text]{ width:98%; padding-left:1%; padding-right:1%;}







.order li input[type=file]{ width:98%; padding-left:1%; padding-right:1%;}







.order li textarea{ width:98%; height:200px; padding-left:1%; padding-right:1%;}







.order li img#spamImg{ height:32px;}







.order li input.secu{ width:190px;}















.sitemap ul li.mnu1{ width:100%; display:block; background:url(../images/line_red.gif) left bottom no-repeat; padding-top:0; padding-bottom:10px;}







.sitemap ul li.mnu2{ width:100%;}







.sitemap ul li.mnu2 a{ width:50%; display:inline-block; font-size:14px;}















.login .bg .bta{width:70%; margin:50px auto 0 auto;}







.login .bg .bta li{ line-height:30px; margin-bottom:5px; font-size:14px;}







.login .bg .bta li span{ display:block}







.login .bg .bta li a{ float:none; width:100%;}















.join02 li strong{width:35%;}







.join02 li input[type=text]{ width:60%;}







.join02 li input[type=file]{ width:60%;}







.join02 li input[type=password]{ width:60%;}







.join02 li textarea{ width:60%; height:200px;}







}







/*-------------------------------e: 서브-------------------------------*/















/* 17-09-21 add by noel */



.btGoLect{float:right;width: 80px;height: 25px; margin-right:5px;}



.btGoLect a{display:block; width:100%; height:100%; background: #333;color: #fff;text-align: center;line-height: 25px;border-radius: 2px; font-size: 14px;}



.editor{font-size:14px; color:#777}



.editor *{font-size:14px; color:#777}





.registCourse{display:block; position:absolute; top:24px; left:130px; width:74px; height:26px; border:1px solid #ee1b24; color:#ee1b24; text-align: center; line-height:26px; font-size:17px;}

.registCourse:hover{color:#fff; background:#ee1b24}