/*** 헤더 ***/
#header {height:50px; z-index:1001;}
#header.m_header.fix {height:50px;}
.TopScroll {right:20px; width:35px; height:35px;}
.TopScroll a {width:35px; height:35px;}
h3 {font-size:14px;}
.head_in {display:none;}
.m_head {display:block;}
.m_head {height:50px; padding:0 20px;}
.m_head .m_logo {line-height:50px;}
.m_head .m_logo img {vertical-align:middle; width:160px;}
.m_head .m_menu {position:absolute; right:20px; top:15px; width:30px; height:22px; background:url(/assets/www/img/menu_img.png) no-repeat; background-size:30px; cursor:pointer;}
#header.m_header.fix .m_menu {background:url(/assets/www/img/menu_img02.png) no-repeat; background-size:30px;}
.m_head .m_menu a {text-indent:-999999px; width:30px; height:22px; display:block; }
.m_nav {background:#000; position:absolute; width:100%; left:0; top:0;  display:none; height:640px; z-index:2001 !important; }
.m_nav .close {position:absolute; top:15px; right:20px; cursor:pointer;}
.m_nav .close img {width:24px;}
.m_nav ul {text-align:center; padding-top:90px; padding-bottom:100px;}
.m_nav ul li a { color:#fff; font-size:17px; font-weight:500; width:100%; padding:25px 0; display:block;}


/*** 메인 비쥬얼 ***/
.container01 {height:640px;}
.container01 .visual {background:url(/assets/www/img/main_moveject.png) no-repeat right 175px; background-size:250px; height:640px;}
.container01 .visual h3 {top:155px; left:20px;}
.demo-1 .sl-slide h2 {padding-top:215px !important; font-size:37px !important; width:100%; line-height:44px !important; position:absolute; top:0 !important; left:20px !important;}
.demo-1 .sl-slide h2 span {font-size:47px !important; line-height:60px !important;}
.demo-1 .sl-slide blockquote {text-align:left !important; margin:0 !important; width:100% !important; top:440px !important; position:absolute !important; left:20px !important;}
.demo-1 .sl-slide blockquote p {font-size:13px !important; line-height:20px !important; text-align:left !important;}
.demo-1 .sl-slide blockquote p:before {background:none !important;}
.demo-1 .sl-slide blockquote p:after {background:none !important;}
#nav-arrows {display:none;}
/*.nav-dots {display:block !important; bottom:40px !important;}*/

/*** 컨텐츠 서비스 ***/
.wrap {width:100%; padding:0 20px; box-sizing:border-box; }
.container02 {padding:30px 0 30px;}
.main_text {padding-top:40px;}
.main_text h2 {font-size:38px; line-height:40px;}
.main_text h2 br {display:block;}
.main_text p {font-size:12px; line-height:18px;}
.main_text p br {display:block; }
.icon_box {padding-top:0px;}
.icon_box li {width:50%; margin-top:35px;}
.icon_box li dl dt img {width:120px;}
.icon_box li dl dd {font-size:12px; padding-top:10px; padding-bottom:5px; margin-bottom:10px;}
.icon_box li dl dd:after {width:10px; height:3px; margin-left:-5px;}
.icon_box .hover p {font-size:12px; line-height:18px;}
.icon_box li.on .hover {width:100%;}
.icon_box li.on dl dd {position:absolute; bottom:1px; text-align:center; width:100%;}
.icon_box li:nth-child(3).on dl dd { bottom:0px;}
.icon_box li:nth-child(4).on dl dd {bottom:0px;width:100%;}
.icon_box .hover {height:90px;}
.icon_box ul {width:100%;}
.container02_ex {background:#f2f2f2; padding:25px 0 55px; color:#1a1a1a;}
.service_down li {width:50%; margin-left:0; padding:0 5px; box-sizing:border-box; margin-top:30px;}
.service_down li dl {padding:20px 0px 25px; height:195px;}
.service_down li:nth-child(3) dl {padding:20px 0px 25px;}
.service_down li dt {font-size:12px;}
.service_down li dd {font-size:12px;}
.service_down li dd span {padding-top:0; line-height:22px; display:block;}
.service_down li dd span:first-child {padding-top:0;}
.service_down li .icon {height:100px; line-height:100px;}
.service_down li .icon img {width:75px;}


/*** 컨텐츠 네트워크 ***/
.container03 {padding:50px 0 35px;}
.net_text {padding-top:0;}
.net_text li {background:url(/assets/www/img/icon_img10.png) no-repeat center top; background-size:110px;}
.net_text dl {padding:110px 0 35px; text-align:center;}
.net_text dl dt {padding-top:15px; font-size:12px; padding-bottom:18px;}
.net_text dl dd {font-size:12px; line-height:18px;}
.net_text dl dd br {display:none;}
.net_text li:nth-child(2) {background:url(/assets/www/img/icon_img11.png) no-repeat center top; background-size:110px;}
.container03_ex {background:#f6f6f6; padding-bottom:0;}
.network_img {display:block; padding-top:13px;}
.network_img img {width:100%;}
.container03_ex .network_down {padding-bottom: 80px; background-size:360px;}
.network_down .net_s_text {display:none;}
.m_net_s_text {display:block; padding-top:40px;}
.m_net_s_text p.st {font-size:12px; line-height:18px; border-bottom:2px solid #e6e6e6;}
.m_net_s_text dl {padding-top:5px; border-bottom:2px solid #e6e6e6;}
.m_net_s_text dl dd {font-size:12px; padding-bottom:0; line-height:22px;}
.m_net_s_text dl dt {font-size:19px; padding-left:0; padding-bottom:5px;}
.m_net_s_text ul {width:100%; zoom:1;}
.m_net_s_text ul:after {clear:both; content:''; display:block;}
.m_net_s_text ul li {width:33.3%; float:left; padding:0 5px; box-sizing:border-box;}

/*** 컨텐츠 클라이언트 ***/
.container04 .client {padding:35px 20px 60px;}
.container04 .client_box {padding:25px 0 0;}
.container04 .client_box li span {width:33.3%; margin-bottom:20px;}
.container04 .client_box li span:nth-child(15) img {width:28%;}
.container04 .client_box li span img {width:65%;}
.container04 .client_box li {line-height:32px;}


/*** 컨텐츠 오시는길 ***/
#map_google01 {width:100%; height:390px;}
.container05 {height:inherit;}
.container05 li {width:100%; line-height:30px;}
.container05 li.last {width:100%; position:relative; padding:30px 20px 50px; height:inherit;}
.contact .address {padding-top:35px; font-size:19px; line-height:28px;}
.contact .eng {font-size:13px; line-height:19px;}
.contact .tel {padding-top:20px;}
.contact .tel li em {font-size:13px; padding-left:10px;}
.contact .tel li span {font-size:13px; padding-right:20px;}
.contact .tel li a {margin-right:40px; margin-top:0; width:42px; font-size:11px; letter-spacing:0; margin-top:5px; line-height:17px;}


/*** 푸터 부분***/
#footer {padding:50px 0 45px}
#footer p.foot_logo {line-height:15px;}
#footer p.foot_logo img {width:100px;}
#footer p.copyright {font-size:11px;}


@media screen and (min-width:320px) and (max-width:364px) {
.m_head {height:50px; padding:0 10px;}
.m_head .m_menu {right:10px;}
.TopScroll {right:10px;}
.container01 .visual h3 {left:10px;}
.wrap {padding:0 10px;}
.m_net_s_text ul li {padding:0 3px;}
.demo-1 .sl-slide h2 {left:10px !important;}
.demo-1 .sl-slide blockquote {left:10px !important;}
.container04 .client {padding:30px 10px 50px;}
.m_net_s_text ul li dd.small {font-size:11px; letter-spacing:-0.2px;}
}

@media all and (min-width:320px) and (max-width:700px) {
/*** 아이디찾기 ***/
#content.center {position:relative; width:100%; height:100%; background:#f6f6f6; padding:30px 15px; box-sizing:border-box;}
.box {width:100%; position:relative; left:0; margin-left:0; padding:25px 0; top:0; margin-top:0px;}
.box.psw {margin-top:0;}
.box .title {padding:0 15px 25px;}
.box .title span {font-size:20px; padding-left:15px;}
.box .title span:before {width:5px; height:20px; margin-top:-10px;}
.box .ex_text {padding:20px 15px;}
.box .ex_text p {font-size:14px; margin-top:7px;}
.box .ex_text p:first-child {margin-top:0;}
.space01 {position:absolute; top:3px;}
.space02 {display:inline-block; padding-left:13px;}
.box .ex_text p i {display:inline-block; position:relative; top:3px;}
.box .input_box {padding:20px 15px 0;}
.input_box span {padding-right:12px; margin-bottom:15px;}
.input_box span input {width:14px; height:14px; position:relative; left:1px; top:1px;}
.input_box dl {padding-bottom:15px;}
.input_box dl dt {padding-bottom:10px; font-weight:700;}
.input_box dl dd span label {padding-left:7px; font-size:14px;} 
.input_box dl.basic dd input {height:38px; padding-left:15px; font-size:14px;}
.btn_area.pt10 {padding-top:10px;}
.popup02 {padding:0 15px; box-sizing:border-box;}
.pop_cl {top:-20px; right:-12px;}
.pop_cl span {width:40px; height:40px;}
.pop_cl span img {width:100%;}
.pop_cl02 {top:-20px; right:-12px;}
.pop_cl02 span {width:40px; height:40px;}
.pop_cl02 span img {width:100%;}
.pop_area02 {width:100%;}

.popup02.scroll {padding:40px 15px; overflow:auto; margin-top:0 !important; top:0 !important; height:100%;}
.popup02.scroll .pop_cont {max-height:inherit !important;}
}


@media all and (min-width:320px) and (max-width:450px) {
/*** 로그인 ***/
.popup {padding:0 15px; box-sizing:border-box;}
.pop_area {width:100%;}
.pop_cl {top:-20px; right:-12px;}
.pop_cl span {width:40px; height:40px;}
.pop_cl span img {width:100%;}
#content.login {position:absolute; height:100%; width:100%; padding:0px 15px; box-sizing:border-box;}
.login_area {width:100%; padding:30px 15px 25px;}
.login_area h1 {padding-bottom:30px;}
.login_area h1 img {width:140px;}
.login_select {text-align:center; padding-bottom:15px;}
.login_select span {padding-right:15px;}
.login_select span input {position:relative; top:1px; right:1px;}
.login_select span:last-child {padding-right:0;}
.login_select span label {padding-left:10px; font-size:14px;} 
.login_input {padding-bottom:20px;}
.login_input p {width:100%; margin-bottom:10px;}
.login_input p input[type="text"] {font-size:14px; height:40px;}
.login_input p input[type="password"] {font-size:14px; height:40px;}
.search_psw {padding-bottom:30px;}
.login_area input:-ms-input-placeholder {color:#b0b0b0; font-size:14px;}
.login_area input::-webkit-input-placeholder {color:#b0b0b0; font-size:14px;} 
.login_area input::-moz-placeholder {color: #b0b0b0; font-size:14px;}
.login_area input::-moz-placeholder {color: #b0b0b0; font-size:14px;}
.type01 {height:38px; line-height:38px;}
.popup {padding:0 15px; box-sizing:border-box;}
.pop_cl {top:-20px; right:-12px;}
.pop_cl span {width:40px; height:40px;}
.pop_cl span img {width:100%;}
}