/******** sub layout **********/

#post_area img {width:100% !important;height:auto !important;}
/*.bbsnewf5 tr:first-child {height:175px !important;}
.bbsnewf5 td img {width:250px !important;height:auto !important;}*/
.bbsnewf5 td img {display:;}


/* container */
#container{position:relative; height:100%; margin:0 0 0 220px; background:#fff; overflow:auto;}
/*#container{position:relative; max-width:1050px; height:100%; margin:0 0 0 180px; background:#fff; overflow:auto;}*/
#container:after {content:""; display:block; clear:both;}
#container h2{font-size:38px; font-weight:600; color:#333; padding:0 0 34px 10px; border-bottom:1px #ededee solid;}
#container h2.type{border:0;}
#container h2 u{text-decoration:none; font-size:38px; font-weight:600; color:#333;}
/* location */
#location{width:100%; margin:30px 0 22px 0; overflow:hidden;}
#location ol{margin:0 0 0 4px;}
#location ol li{float:left; color:#777; padding:0 10px 0 6px; line-height:1.1; background:url('../../img/images/bg_location.gif') right 2px no-repeat;}
#location ol li img{padding:2px 0 0 0;}
#location ol li.last{background:url(none);}
#location ol li span{color:#4d86d9
;}
/* quickBox 
#quickBox{position:fixed; right:0; top:0; width:200px; padding:0 0 0 18px; margin:0 0 0 -18px; overflow:hidden;}
#quickBox .box{position:relative; width:200px; height:200px; overflow:hidden;}
#quickBox .box .play{position:absolute; left:0; top:0;}
#quickBox .sheet{background:#f33b3f;}
#quickBox .sheet2{background:#272727;}
#quickBox .sheet3{background:#575757;}
#quickBox .box .imgarea{position:relative; height:100%;}
#quickBox a.explan{position:absolute; left:0; top:0; display:block;}*/


#tab {width:100%;padding-top:0px;text-align:center;float:left;margin-bottom:40px;}
#tab ul {width:100%;}
#tab ul li {float:left;width:25%;line-height:58px;height:58px;border-top:solid 3px #194482;border-bottom:solid 1px #d9d9d9;background:#url();font-size:17px;margin-left:-1px;border-left:solid 1px #d9d9d9;}
#tab ul li:first-child {margin-left:0px;border-left:solid 1px #d9d9d9;}
#tab ul li:last-child {margin-left:-3px;border-right:solid 1px #d9d9d9;}
#tab ul li a {color:#5c5c5c;display:block;}
#tab ul li.on {border-top:solid 3px #194482;background:#194482;}
#tab ul li.on a {color:#fff;display:block;}



#tab_mall {width:100%;padding-top:0px;text-align:center;float:left;margin-bottom:40px;}
#tab_mall div {width:100%;}
#tab_mall div.mall_tab {float:left;width:25%;line-height:58px;height:58px;border-top:solid 3px #194482;border-bottom:solid 1px #d9d9d9;background:#url();font-size:17px;margin-left:-1px;border-left:solid 1px #d9d9d9;}
#tab_mall div.mall_tab:first-child {margin-left:0px;border-left:solid 1px #d9d9d9;}
#tab_mall div.mall_tab:last-child {margin-left:-3px;border-right:solid 1px #d9d9d9;}
#tab_mall div.mall_tab a {color:#5c5c5c;display:block;}
#tab_mall div.mall_tab.on {border-top:solid 3px #194482;background:#194482;}
#tab_mall div.mall_tab.on a {color:#fff;display:block;}



#tab_bi {width:100%;padding-top:0px;text-align:center;float:left;margin-bottom:40px;}
#tab_bi ul {width:100%;}
#tab_bi ul li {float:left;width:50%;line-height:58px;height:58px;border-top:solid 3px #194482;border-bottom:solid 1px #d9d9d9;background:#url();font-size:17px;margin-left:-1px;border-left:solid 1px #d9d9d9;}
#tab_bi ul li:first-child {margin-left:0px;border-left:solid 1px #d9d9d9;}
#tab_bi ul li:last-child {margin-left:-3px;border-right:solid 1px #d9d9d9;}
#tab_bi ul li a {color:#5c5c5c;display:block;}
#tab_bi ul li.on {border-top:solid 3px #194482;background:#194482;}
#tab_bi ul li.on a {color:#fff;display:block;}




/************* content ************/
#contents{max-width:1000px; overflow:auto; padding:0 0 145px 0;}

/*** about ***/
#about{width:100%; padding:38px 0 0 0;}
#about:after {content:""; display:block; clear:both;}
#about h3{font-size:25px; color:#333; width:300px; text-align:center; font-weight:600; padding:30px 0 15px 10px; clear:both; margin:auto;}
#about h3.line{padding:0 0 7px 10px; border-bottom:1px #e3e3e3 solid;}


#about table.board img {margin-top:30px;margin-bottom:10px;padding:4px;border:solid 1px #d5d5d5;}



#about .headTxt{font-size:22px; font-weight:600; color:#555; text-align:center; line-height:1.3; word-break:keep-all;}
#about .headTxt span{font-size:22px; font-weight:600; color:#4d86d9;}
#about .headTxt p{font-size:12px; color:#555; line-height:1.6; padding:4px 0 0 0;}
#about .headTxt u{text-decoration:none;font-size:22px; font-weight:600; color:#555;}
#about .headTxt2{font-size:22px; font-weight:600; color:#555; text-align:left; line-height:1.3; word-break:keep-all;}
#about .headTxt2 span{font-size:22px; font-weight:600; color:#4d86d9;}
#about .headTxt2 p{font-size:14px; color:#555; line-height:1.6; padding:4px 0 0 0;}
#about .headTxt2 u{text-decoration:none;font-size:22px; font-weight:600; color:#555;}
#about .imgArea{width:100%; text-align:center; padding:0px 0; }
#about .imgArea img{padding:0 2px 0 3px; text-align:center; margin:0 auto;}
#about .imgArea img.ty1{margin-top:-10px;}
#about .imgArea img.ty2{margin-top:-20px;}
#about .identity{width:100%; border-bottom:1px #e3e3e3 solid; padding:20px 0; margin:0 0 30px 0; overflow:hidden;}
#about .identity .list{width:100%; overflow:hidden;}
#about .identity .list:after {content:""; display:block; clear:both;}
#about .identity .img{float:left; width:227px; margin:0 0 30px 10px; border:1px #e3e3e3 solid;}
#about .identity .img img{width:227px; height:98px;}
#about .identity .txt{float:left; width:730px; margin:8px 0 0 20px;}
#about .identity .txt h4{font-size:16px; font-weight:600; color:#333; padding:0 0 4px 0;}
#about .identity .txt p{color:#555; line-height:1.4; word-break:keep-all;}
#about .brand{width:850px; text-align:center; overflow:hidden;margin:0px auto;}
#about .brand dl{ float:left;width:202px; margin:0 0 0 10px;}
#about .brand dl dt{margin:0 0 16px 0; border:1px #dadada solid;}
#about .brand dl dt img{width:200px; height:280px;}
#about .brand dl dd{width:202px; color:#555; line-height:1.4; word-break:keep-all;}
#about .brand dl dd span{display:block; line-height:1.4;}
#about #history{width:100%; margin:40px 0 0 0;}
#about .historyContent{width:100%; clear:both; }
#about .year{float:left; border-top:2px #424242 solid; padding:15px 0 0 0; margin:0 auto;}
#about .year p{width:200px; height:100px; font-size:35px; font-weight:600; color:#fff; text-align:right; line-height:1.2; margin:0 19px 0 0; padding:0 10px 0 0; background:url('../images/bg/bg_history_arrow.gif') right 64px no-repeat;}
#about .year span{display:block; font-size:35px; font-weight:600; color:#4d86d9;}
#about .detail{margin-left:50px; float:left; width:50%; border-top:2px #e3e3e3 solid;}
#about .detail ul{width:100%; float:left; padding-top:10px;}
#about .detail ul li{position:relative; padding:5px 0 5px 108px; line-height:1.3; color:#555; border-bottom: #e8e8e8; } 
#about .detail ul li span{position:absolute; display:block; left:24px; top:6px; font-size:14px; font-weight:bold; color:#333;}
#about .tabList{width:100%; margin:-38px 0 20px 0; overflow:hidden;}
#about .tabList li{float:left; width:33%; border-bottom:2px #424242 solid;}
#about .tabList li a{display:block; width:100%; padding:15px 0 13px 0; background:#f2f2f2; font-size:13px; color:#555; border-right:1px #dcdcdc solid; border-top:1px #dcdcdc solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#about .tabList li.first a{border-left:1px #dcdcdc solid;}
#about .tabList li a span{padding:0 0 0 28px; font-weight:600;}
#about .tabList li a.on{background:#fff; color:#333; padding:14px 0 13px 0; border-left:2px #424242 solid; border-right:2px #424242 solid; border-top:2px #424242 solid;}
#about .purchase{width:100%; margin:-38px 0 0 0; overflow:hidden;}
#about .purchase .info{width:100%; border-top:1px #e3e3e3 solid; padding:0 0 25px 0; overflow:hidden;}
#about .purchase .info .img{float:left; padding:0 0 0 50px;}
#about .purchase .info p{float:left; font-size:24px; color:#333; font-weight:600; line-height:1.5; padding:70px 0 0 20px; word-break:keep-all;}
#about .purchase .info p span{display:block; color:#777; font-size:16px; line-height:1.5; padding:15px 0 0 0;}
#about .purchase .cont{position:relative; width:100%; height:475px; margin:45px 0 0 0; overflow:hidden;}
#about .purchase .cont .title{font-size:22px; font-weight:600; color:#3d3935; padding:0 0 14px 0; border-bottom:1px #e3e3e3 solid;}
#about .purchase .cont .img01{position:absolute; left:40px; top:56px;}
#about .purchase .cont .img02{position:absolute; left:211px; top:161px; width:163px; height:149px; background:#e3ccb9; text-align:center;}
#about .purchase .cont .img02 p{color:#333; font-size:16px; line-height:1.5; padding:50px 0 0 0;}
#about .purchase .cont .img02 strong{color:#333; font-size:16px; line-height:1.5;}
#about .purchase .cont .img03{position:absolute; left:382px; top:94px; width:163px; height:149px; background:#ededed; text-align:center;}
#about .purchase .cont .img03 p{color:#333; font-size:16px; padding:43px 0 0 0;}
#about .purchase .cont .img03 strong{color:#333; font-size:16px; line-height:1.7;}
#about .purchase .cont .img03 span{color:#333; font-size:14px; line-height:1.3;}
#about .purchase .cont .img04{position:absolute; left:382px; top:250px;}
#about .purchase .cont .img05{position:absolute; left:553px; top:61px; width:163px; height:149px; background:#bbaea8; text-align:center;}
#about .purchase .cont .img05 p{color:#fff; font-size:16px; padding:52px 0 0 0;}
#about .purchase .cont .img05 strong{color:#fff; font-size:16px; line-height:2;}
#about .purchase .cont .img06{position:absolute; left:553px; top:217px; width:163px; height:149px; background:#e5e5e5; text-align:center;}
#about .purchase .cont .img06 p{color:#333; font-size:16px; padding:48px 0 0 0;}
#about .purchase .cont .img06 strong{color:#333; font-size:16px; line-height:1.5;}
#about .purchase .cont .img07{position:absolute; left:722px; top:150px;}
#about .purchase .department{width:100%; overflow:hidden;}
#about .purchase .department .title{font-size:22px; font-weight:600; color:#3d3935; padding:0 0 14px 0; border-bottom:1px #e3e3e3 solid;}
#about .purchase .department ul{margin:20px 0 0 0;}
#about .purchase .department ul li{float:left; border-left:1px #777 solid; padding:0 0 0 10px; margin:0 40px 20px 0;}
#about .purchase .department ul li p.name{font-size:16px; font-weight:600; color:#555; padding:0 0 10px 0;}
#about .purchase .department ul li p.name span{font-size:16px; font-weight:600; color:#333;}
#about .purchase .department ul li p.phone{font-size:13px; color:#777; padding:0 0 7px 0; line-height:1.2;}
#about .purchase .department ul li p.email{font-size:13px; color:#777; line-height:1.2;}
#about .roadmap{width:100%; margin:-38px 0 0 0; border-top:1px #e3e3e3 solid; overflow:hidden;}
#about .roadmap .map{width:100%; padding:20px 0; border-bottom:1px #e3e3e3 solid; overflow:hidden;}
#about .roadmap .map ul{float:left; width:337px; padding:0 0 0 10px;}
#about .roadmap .map ul:after {content:""; display:block; clear:both;}
#about .roadmap .map ul li{width:100%; clear:both; padding:0 0 10px 0; overflow:hidden;}
#about .roadmap .map ul li.name{font-size:22px; color:#333; font-weight:600; padding:0 0 20px 0;}
#about .roadmap .map ul li.address{width:244px; font-size:13px; color:#333; line-height:1.5; padding:0 0 28px 0; word-break:keep-all;}
#about .roadmap .map ul li p.title{float:left; width:70px; font-size:13px; font-weight:600; color:#333; line-height:1.5;}
#about .roadmap .map ul li p.info{float:left; width:180px; font-size:13px; color:#777; line-height:1.5;}
#about .roadmap .map ul li p.info span{display:block; font-size:13px; color:#777; line-height:1.5;}
#about .roadmap .map ul.ty1{padding:140px 0 0 10px;}
#about .roadmap .map ul.ty2{padding:107px 0 0 10px;}
#about .roadmap .map .img{float:left;}
#about .roadmap .place ul li{float:left; width:45%; border-left:1px #777 solid; margin:50px 10px 0 20px;}
#about .roadmap .place ul li p{padding-left:20px; word-break:keep-all;}
#about .roadmap .place ul li p.name{font-size:20px; font-weight:600; color:#333; padding-bottom:15px;}
#about .roadmap .place ul li p.address{font-size:13px; color:#333; line-height:1.2; padding-bottom:15px;}
#about .roadmap .place ul li p.tel{font-size:13px; color:#777; line-height:1.2; padding-bottom:6px;}
#about .roadmap .place ul li p.fax{font-size:13px; color:#777; line-height:1.2;}
#about .roadmap .place .mapbtn{display:block; float:right; width:78px; height:24px; text-align:center; line-height:23px; background:#555; color:#fff; font-size:12px; font-weight:600; border:1px #444 solid; margin:0 0 0 10px;}
#about .roadmap .place .mapbtn:hover{color:#fff; text-decoration:none;}
#about .graph{margin:0 0 0 100px;}
/* IRÁ¤º¸ */
#about .ir {width:99%; margin:20px 0 0 0; overflow:hidden;}
#about .ir ul {width:100%; border-top:1px #e3e3e3 solid; overflow:hidden;}
#about .ir ul li {width:100%; border-bottom:1px #e3e3e3 solid; overflow:hidden;}
#about .ir ul li .subject {position:relative; width:100%; border-bottom:1px #e3e3e3 solid; overflow:hidden;}
#about .ir ul li .subject p {font-weight:600; color:#333; line-height:1.2; padding:13px 94px 13px 26px; background:url('../images/bg/bg_ir_dot.gif') 10px 19px no-repeat;}
#about .ir ul li .subject span {position:absolute; right:13px; top:16px; color:#666; }
#about .ir ul li .conf {position:relative; width:100%; overflow:hidden;}
#about .ir ul li .conf p {color:#666; line-height:1.2; padding:14px 164px 15px 10px;}
#about .ir ul li .conf .btn {position:absolute; right:13px; top:9px; width:138px; height:26px; background:url('../images/btn/btn_pdf_download.gif') left top no-repeat;}
#about .ir ul li .conf .btn span {font-weight:600; color:#fff; line-height:26px; padding:0 0 0 20px;}



#officer{max-width:980px; margin:0 0 0 10px; overflow:hidden;}
#officer .oHeader{width:100%;}
#officer .oHeader img{width:100%;}
#officer .oContent{max-width:978px; height:652px; border-left:1px #b5ada3 solid; border-right:1px #b5ada3 solid; margin:-34px 0 0 0; background:url('../images/bg/bg_relation.gif') left top no-repeat; overflow:hidden;}
#officer .oContent ul.target{position:relative; left:0; top:0; width:8578px; margin:34px 0; overflow:hidden;}
#officer .oContent ul.target li{float:left;}
#officer .officerTab{position:relative; max-width:672px; margin:0 auto;}
#officer .officerTab ul{position:absolute; left:0; top:0; margin:0;}
#officer .officerTab ul li{float:left; padding:0 16px;}
#officer .officerTab ul li a{display:block; width:80px; text-align:center; }
#officer .officerTab ul li a img{padding:0 0 10px 0;}
#officer .officerTab ul li a span{font-size:14px; font-weight:600; color:#a09588; line-height:1.1;}
#officer .officerTab ul li a.on span{color:#d42930;}
#officer .officerTab ul li a span u{text-decoration:none;}
#officer .officerTab .bar{width:565px; height:0; border-bottom:5px #bab3aa solid; margin:0 auto; padding:10px 0 0 0;}
#officer .obtnArea{position:relative; width:100%; overflow:hidden;}
#officer .obtnArea p{position:absolute; top:18px; cursor:pointer;}
#officer .obtnArea p.lbtn{left:20px;}
#officer .obtnArea p.rbtn{right:20px;}
#officer .obtnArea .img{width:100%;}

/*** agency ***/
#agency{width:100%; line-height:1.1; overflow:hidden;}
#agency .intro{width:100%; text-align:center; font-size:13px; color:#777; margin:30px 10px; line-height:1.6; word-break:keep-all; overflow:hidden;}
#agency .intro strong{font-weight:600; color:#333; font-size:22px; line-height:1.6;}
#agency .roundbox{width:988px; margin:40px 0 0 10px; border:1px #dbdbdb solid;}
#agency .roundbox:after {content:""; display:block; clear:both;}
#agency .lefttop{position:absolute; left:-1px; top:-1px; width:5px; height:5px; background:url('../images/bg/bg_lefttop.gif') left top no-repeat; z-index:9;}
#agency .leftbottom{position:absolute; left:-1px; bottom:-1px; width:5px; height:5px; background:url('../images/bg/bg_leftbottom.gif') left top no-repeat; z-index:9;}
#agency .righttop{position:absolute; right:-1px; top:-1px; width:5px; height:5px; background:url('../images/bg/bg_righttop.gif') left top no-repeat; z-index:9;}
#agency .rightbottom{position:absolute; right:-1px; bottom:-1px; width:5px; height:5px; background:url('../images/bg/bg_rightbottom.gif') left top no-repeat; z-index:9;}
#agency .category{position:relative; float:left; width:494px; margin:40px 0 62px 0; padding:0 0 38px 0;}
#agency .category .txt{width:332px; margin:0 auto; text-align:center; word-break:keep-all;}
#agency .category .txt strong{display:block; font-size:22px; color:#333; padding:0 0 4px 0;}
#agency .category .txt span{display:block; font-size:13px; color:#777; line-height:1.4;}
#agency .category .txt u{display:block; color:#333; text-decoration:underline; font-weight:600; font-size:13px; line-height:1.4;}
#agency .category p.btn{position:absolute; left:154px; top:160px;}
#agency .category p.btn a{display:block; height:34px; line-height:34px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; padding:0 20px; border:1px #cb3135 solid; font-weight:600;}
#agency .actline{width:493px; height:136px; margin:40px 0 62px 0; border-right:1px #dbdbdb solid;}

/* search select box */
.selectBox{position:relative; border-top:2px #dadada solid; background:#f2f2f2; padding:12px 112px 12px 20px;}
.selectBox .step01{width:100%; overflow:hidden;}
.selectBox .step01 ul li{float:left; width:49%; padding:0 1% 0 0;}
.selectBox .step01 ul li select{width:100%; font-family:'Nanum Gothic'; height:26px; padding:1px 0 0 0;}
.selectBox .step02{position:relative; padding:10px 10px 0 242px;}
.selectBox .step02 ul{position:absolute; left:0; top:10px;}
.selectBox .step02 ul li{float:left; padding:0 20px 0 0;}
.selectBox .step02 ul li input{float:left; width:13px;height:13px;margin:8px 5px 2px 0;padding:0;}
.selectBox .step02 ul li label{float:left; display:block; line-height:28px; font-size:12px; color:#333; cursor:pointer;}
.selectBox .step01 ul li.w100{width:100%;padding:0;}
.selectBox .step01 ul li.w40{width:39%;padding:0 1% 0 0;}
.selectBox .step01 ul li.w30{width:29%;padding:0 1% 0 0;}
.selectBox .step02 .searchInput{width:100%; height:26px; line-height:26px; border:1px #dbdbdb solid; padding:0 0 0 15px; background:url('../images/bg/bg_searchInput.gif') 15px top #fff no-repeat; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.agencyfocus{width:100%; height:26px; line-height:25px; border:1px #dbdbdb solid; padding:0 0 0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Nanum Gothic'}
.agencyfocusnot{width:100%; height:26px; line-height:25px; border:1px #dbdbdb solid; padding:0 0 0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Nanum Gothic'}
.selectBox p.btn{position:absolute; right:20px; top:12px;}
.selectBox p.btn a{display:block; width:81px; height:59px; line-height:59px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; border:1px #cb3135 solid; font-weight:600;}
/* agency category change */
.agencyMap{width:100%; margin:30px 0; overflow:hidden;}
.agencyMap img{width:100%;}
.seminar{padding:12px 20px 12px 20px;}
.mtb{padding:12px 12px 12px 20px;}
/* customer FAQ change */
.faq{margin:50px 0 25px 0; border-bottom:1px #dadada solid;}
.faq .faqsearch{position:relative; padding:0 58px 0 0;}
.faq .faqsearch ul{position:absolute; left:0; top:10px;}
.faq .faqsearch ul li{float:left; padding:0 20px 0 0;}
.faq .faqsearch .faqInput{width:100%; height:34px; line-height:34px; border:1px #dbdbdb solid; padding:0 0 0 15px; background:url('../images/bg/bg_faq_input.gif') 15px 50% #fff no-repeat; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.faqfocus{width:100%; height:34px; line-height:34px; border:1px #dbdbdb solid; padding:0 0 0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Nanum Gothic'}
.faqfocusnot{width:100%; height:34px; line-height:34px; border:1px #dbdbdb solid; padding:0 0 0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Nanum Gothic'}
.faq p.faqbtn{position:absolute; right:20px; top:12px;}
.faq p.faqbtn a{display:block; width:138px; height:32px; line-height:32px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; border:1px #cb3135 solid; font-weight:600;}

/* contents notice table */
.tableNotice{position:relative; width:100%; height:26px; margin:0 0 10px 0;}
.tableNotice ul li{float:left; height:26px; line-height:24px; padding:0 20px 0 0; color:#333;}
.tableNotice ul li img{padding:0 5px 0 0;}
.tableNotice .btn{position:absolute; right:0; top:-4px;}
.tableNotice .btn a{display:block; width:151px; height:26px; text-align:center; line-height:26px; background:#999; color:#fff; font-size:12px; font-weight:600;}
.tableNotice .btn a:hover{color:#fff; text-decoration:none;}


/*** community ***/
#community{width:100%; overflow:hidden;}
#community .mtbTab{width:100%; margin:20px 0 0 0; overflow:hidden;}
#community .mtbTab li{float:left; width:50%;}
#community .mtbTab li a{display:block; width:100%; padding:15px 0 13px 0; background:#f2f2f2; font-size:13px; color:#555; border-right:1px #dcdcdc solid; border-top:1px #dcdcdc solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center;}
#community .mtbTab li.first a{border-left:1px #dcdcdc solid;}
#community .mtbTab li a span{padding:0 0 0 28px; font-weight:600;}
#community .mtbTab li a.on{background:#fff; color:#333; padding:14px 0 13px 0; border-left:2px #424242 solid; border-right:2px #424242 solid; border-top:2px #424242 solid;}
#community .mtbTitle{width:100%; border-top:2px #424242 solid; padding:25px 0; overflow:hidden;}
#community .mtbTitle p{font-size:24px; font-weight:600; color:#333; text-align:center; line-height:1.2; word-break:keep-all;}
#community .mtbTitle p span{font-size:20px; font-weight:normal; line-height:1.2; word-break:keep-all;}

/* seminar rolling */
.seminarRoll{position:relative; width:100%; margin:20px 0 0 0; overflow:hidden;}
.seminarRoll .arrowLeft{position:absolute; left:0; top:50%; z-index:9980; margin-top:-22px;}
.seminarRoll .arrowRight{position:absolute; right:0; top:50%; z-index:9980; margin-top:-22px;}
/* mtb rolling */
.mtbRoll{position:relative; width:100%; overflow:hidden;}
.mtbRoll .arrowLeft{position:absolute; left:0; top:50%; z-index:9980; margin-top:-22px;}
.mtbRoll .arrowRight{position:absolute; right:0; top:50%; z-index:9980; margin-top:-22px;}
.thumb{margin:20px 0; padding:10px 0 10px 8px; border-top:1px #ededee solid; border-bottom:1px #ededee solid;}
.thumb .swiper-slide{position:relative; float:left; cursor:pointer;}
.thumb .swiper-slide img{width:157px; height:115px;}
.thumb .swiper-slide .back{width:157px; height:115px; position:absolute; left:0; top:0; background:url('../images/bg/bg_thumb_dot.png') left top repeat; }
.thumb .active-nav img{width:157px; height:115px;}
.thumb .active-nav .back{width:157px; height:115px; position:absolute; left:0; top:0; background:url('../images/bg/bg_thumb.png') left top no-repeat; }

/*** customer ***/
#customer h3{font-size:20px; font-weight:600; color:#333; margin:0 0 10px 0;}
#customer h3 span{font-size:20px; font-weight:600; color:#d42930;}
#customer #faq{margin:0 10px;}
#customer .alert{margin:30px 10px; padding:20px; text-align:center; font-size:13px; line-height:1.5; border:1px #e0e0e0 solid; word-break:keep-all;}
#customer .alert span{color:#d42930; font-weight:600; font-size:13px;}
#customer .tabList{width:100%; overflow:hidden;}
#customer .tabList li{float:left; width:20%;}
#customer .tabList li a{display:block; width:100%; padding:14px 0 12px 30px; background:#f2f2f2; font-size:13px; color:#555; text-align:left; font-weight:600; border-top:1px #dcdcdc solid; border-right:1px #dcdcdc solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#customer .tabList li.first a{border-left:1px #dcdcdc solid;}
#customer .tabList li a.on{background:#fff; color:#333; font-weight:600; padding:13px 0 12px 28px; border-top:2px #424242 solid; border-left:2px #424242 solid; border-right:2px #424242 solid;}

#productList{width:100%; margin:30px 0 0 0; border-bottom:1px #ededee solid; overflow:hidden;}
#productList:after {content:""; display:block; clear:both;}
#productList ul li{float:left; margin:0 0 20px 10px;}
#productList ul li .thum{position:relative; border:1px #e0e0e0 solid;}
#productList ul li .thum .title{position:absolute; left:0; bottom:0; width:100%; height:41px; line-height:41px; font-size:16px; color:#fff; text-align:center; background:url('../images/bg/bg_thum.png') left top repeat;}
#productList ul li .info{width:100%; height:30px; line-height:30px; color:#999; text-align:center;}
#productList ul li .info strong{color:#555; padding:0 10px;}


/*** member ***/
/* login */
#member{width:100%; margin:-1px 0 0 0; overflow:hidden;}
#member h3{font-size:28px; color:#333; font-weight:600; border-bottom:1px #ededee solid; padding:0 0 14px 20px; margin:0 0 20px 0;}
#member h3.type{margin:50px 0 0 0; padding:0 0 10px 20px; border:0;}
#member .loginBox{position:relative; width:100%; height:198px; background:url('../images/bg/bg_login_center.gif') left top repeat-x; margin:40px 0 0 0; overflow:hidden;}
#member .loginLeft{position:absolute; left:0; top:0; width:8px; height:198px; background:url('../images/bg/bg_login_left.gif') left top no-repeat;}
#member .loginRight{position:absolute; right:0; top:0; width:8px; height:198px; background:url('../images/bg/bg_login_right.gif') left top no-repeat;}
#member .login{position:relative; width:380px; margin:55px auto 78px;}
#member .login ul li{height:38px;}
#member .login ul li label{display:block; float:left; width:52px; font-size:12px; color:#333; font-weight:600; text-align:right; padding:0 10px 0 0;}
#member .login ul li input{float:left;}
#member .login ul li span{display:block; float:left; color:#333; padding:0 0 0 10px;}
#member .login ul li *{line-height:27px;}
#member .login p.chkid{position:absolute; left:58px; top:76px;}
#member .login p.chkid label{font-size:12px; color:#333; font-weight:600; line-height:18px; padding:0 0 0 4px;}
#member .login p.btn{position:absolute; right:0; top:0;}
#member .login p.btn a{display:block; width:81px; height:64px; line-height:64px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; border:1px #cb3135 solid; font-weight:600;}
#member .loginType{width:225px; height:26px; line-height:26px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px;}
#member .loginInfo{position:relative; width:380px; height:36px; margin:30px auto 0; padding:0 0 0 8px; line-height:34px; color:#333; background:url('../images/bg/bg_dot.gif') left 16px no-repeat;}
#member .loginInfo p{position:absolute; left:198px; top:0;}
/* drop out */
#member .secession{position:relative; width:960px; border:1px #dbdbdb solid; margin:0 0 0 20px; padding:0 0 40px 0;}
#member .secession:after{content:""; display:block; clear:both;}
#member .alert{width:433px; color:#7d7d7d; line-height:1.2; border-bottom:1px #e3e3e3 solid; margin:46px auto 20px; padding:5px 0 26px 30px; background:url('../images/ico/ico_alert.gif') left 3px no-repeat;}
#member .drop{position:relative; width:380px; margin:30px auto 0;}
#member .drop ul li{height:38px;}
#member .drop ul li label{display:block; float:left; width:48px; font-size:12px; color:#333; font-weight:600; text-align:right; padding:0 10px 0 0;}
#member .drop ul li input{float:left;}
#member .drop ul li span{display:block; float:left; color:#333; padding:0 0 0 10px;}
#member .drop ul li *{line-height:27px;}
#member .drop p.btn{position:absolute; right:0; top:0;}
#member .drop p.btn a{display:block; width:81px; height:64px; line-height:64px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; border:1px #cb3135 solid; font-weight:600;}
#member .secessionType{width:225px; height:26px; line-height:26px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px;}
/* step */
#member .inform{width:100%; overflow:hidden;}
#member .stepWrap{width:100%; margin:0 0 20px 0; overflow:hidden;}
#member .stepWrap .step{position:relative; float:left; width:25%; height:41px; line-height:39px; text-align:center; background:#e6e6e6; border-top:2px #cfcfcf solid; border-right:1px #cfcfcf solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#member .stepWrap .step span{font-size:16px; color:#333; font-weight:600;}
#member .stepWrap .stepon{background:#ee4529; height:41px; line-height:43px; border-top:0;}
#member .stepWrap .stepon span{color:#fff;}
#member .stepWrap .last{border-right:0;}
/* alertTxt */
#member .alertTxt{position:relative; width:100%;}
#member .alertTxt ul li{font-size:12px; color:#333; font-weight:bold; padding:0 0 0 10px; line-height:1.6; word-break:keep-all;}
#member .alertTxt ul li img{vertical-align:middle;}
#member .alertTxt ul li span{font-weight:normal;}
#member .alertTxt ul li.t1{padding:0 0 0 20px;}
#member .alertTxt p.btn{position:absolute; right:10px; top:0;}
#member .alertTxtArea{position:relative; width:100%; overflow:hidden;}
#member .alertTxtArea ul li{font-size:12px; color:#333; font-weight:normal; padding:0 0 0 10px; line-height:1.5; word-break:keep-all;}
#member .alertTxtArea ul li img{vertical-align:middle;}
#member .alertTxtArea ul li span{font-weight:600; text-decoration:underline;}
#member .alertTxtGray{position:relative; width:100%; margin:35px 0 0 0; overflow:hidden;}
#member .alertTxtGray ul li{font-size:12px; color:#777; font-weight:normal; padding:0 0 0 20px; line-height:1.5; word-break:keep-all; background:url('../images/bg/bg_dot_gray.gif') 10px 8px no-repeat;}
#member .alertTxtGray ul li img{vertical-align:middle;}
#member .alertTxtGray ul li span{font-weight:600; text-decoration:underline;}
#member .tabList{width:100%; margin:0 0 20px 0; overflow:hidden;}
#member .tabList li{float:left; width:33%; border-bottom:2px #424242 solid;}
#member .tabList li a{display:block; width:100%; padding:15px 0 13px 0; background:#f2f2f2; font-size:13px; color:#555; border-right:1px #dcdcdc solid; border-top:1px #dcdcdc solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#member .tabList li.first a{border-left:1px #dcdcdc solid;}
#member .tabList li a span{padding:0 0 0 28px; font-weight:600;}
#member .tabList li a.on{background:#fff; color:#333; padding:14px 0 13px 0; border-left:2px #424242 solid; border-right:2px #424242 solid; border-top:2px #424242 solid;}


/* agree */
.agreeWrap{margin:20px 10px 0; overflow:hidden;}
.agreeWrap .agreeTxt{font-size:20px; font-weight:600; color:#333; padding:0 0 4px 0; line-height:1.2;}
.agreeWrap .agreeTxt span{font-size:12px; font-weight:normal; color:#888;}
.agreeWrap ul{width:100%; margin:10px 0 0 0; overflow:hidden;}
.agreeWrap ul.fn{margin:10px 0 40px 0;}
.agreeWrap ul li.chk{float:left;}
.agreeWrap ul li.chk label{color:#333; font-size:12px; cursor:pointer; line-height:16px; padding:0 0 0 2px;}
.agreeWrap ul li.btn{float:right;}
.agreeWrap .agreeBox{width:100%; height:156px; border:1px #e5e5e5 solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow-y:auto; overflow-x:hidden; word-break:keep-all;}
.agreeWrap .agreeBox .agreeContent{margin:15px;}
.agreeWrap .agreeBox .agreeContent h3{font-size:14px !important; padding:0 0 10px 0 !important; margin:0 0 10px 0 !important; border-bottom:1px #dbdbdb solid;}
.agreeWrap .agreeBox .agreeContent h4{padding:0 0 4px 0;}
.agreeWrap .agreeBox .agreeContent p{padding:4px 0 15px 10px; line-height:1.4;}
.agreeWrap .agreeBox .agreeContent ul{width:auto; margin:4px 0 15px 10px;}
.agreeWrap .agreeBox .agreeContent ul li{line-height:1.4; padding:0 0 4px 0;}
.agreeWrap .agreeBox .agreeContent ul li ul{margin:4px 0 10px 20px;}
.agreeWrap .hauto{height:auto;}
.mchange{margin:20px 10px 0 0;}



/*** roundbox ***/
/* base */
#member .roundbox{position:relative; width:988px; margin:40px 0 0 10px; border:1px #dbdbdb solid;}
#member .roundbox:after {content:""; display:block; clear:both;}
#member .lefttop{position:absolute; left:-1px; top:-1px; width:5px; height:5px; background:url('../images/bg/bg_lefttop.gif') left top no-repeat;}
#member .leftbottom{position:absolute; left:-1px; bottom:-1px; width:5px; height:5px; background:url('../images/bg/bg_leftbottom.gif') left top no-repeat;}
#member .righttop{position:absolute; right:-1px; top:-1px; width:5px; height:5px; background:url('../images/bg/bg_righttop.gif') left top no-repeat;}
#member .rightbottom{position:absolute; right:-1px; bottom:-1px; width:5px; height:5px; background:url('../images/bg/bg_rightbottom.gif') left top no-repeat;}
#member .division{float:left; width:494px; margin:30px 0 20px 0;}
#member .rbline{width:493px; border-right:1px #dbdbdb solid;}
#member .division .title{font-size:22px; font-weight:600; color:#333; margin:0 0 25px 100px;}
#member .findForm{position:relative; width:306px; padding:0 0 87px 60px;}
#member .findForm ul li{height:38px; margin:0 0 0 30px;}
#member .findForm ul li label{display:block; float:left; width:34px; font-size:12px; color:#333; font-weight:600; line-height:30px; padding:0 10px 0 0; text-align:right;}
#member .findForm ul li input{float:left;margin:2px 0 0 0;}
#member .findForm span{display:block; float:left; line-height:29px; padding:0 4px;}
#member .findForm p.btn{position:absolute; left:174px; top:124px;}
#member .findForm p.btn a{display:block; height:34px; line-height:34px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; padding:0 20px; border:1px #cb3135 solid; font-weight:600;}
#member .findForm p.btn2{position:absolute; left:170px; top:124px;}
#member .findForm p.btn2 a{display:block; height:34px; line-height:34px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; padding:0 20px; border:1px #cb3135 solid; font-weight:600;}
/* id search */
#member .category{position:relative; float:left; width:494px; margin:30px 0 20px 0; padding:0 0 38px 0;}
#member .category p.btn{position:absolute; left:180px; top:171px;}
#member .category p.btn a{display:block; height:34px; line-height:34px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; padding:0 20px; border:1px #cb3135 solid; font-weight:600;}
#member .category p.btn2{position:absolute; left:180px; top:171px;}
#member .category p.btn2 a{display:block; height:34px; line-height:34px; color:#fff; font-size:15px; background:#f33b3f; text-align:center; padding:0 20px; border:1px #cb3135 solid; font-weight:600;}
#member .category .img{text-align:center;}
#member .actline{width:493px; border-right:1px #dbdbdb solid;}
/* celebration*/
#member .celebration{width:100%; padding:80px 0; overflow:hidden;}
#member .celebration .img{float:left; width:30%; text-align:right; padding:0 40px 0 0;}
#member .celebration .txtArea{float:left;}
#member .celebration .txtArea p{text-align:center;}
#member .celebration .txtArea p.title{font-size:26px; color:#333; line-height:1.4; padding:0 0 4px 0;}
#member .celebration .txtArea p.title span{font-size:26px; font-weight:600; color:#d42930; text-decoration:underline;}
#member .celebration .txtArea p.title strong{font-size:26px;}
#member .celebration .txtArea p.txt{font-size:16px; color:#333; line-height:1.3;}
/* input type */
#member .findType{width:223px; height:26px; line-height:26px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px;}
#member .findid{width:80px; height:26px; line-height:26px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px;}
#member .findemail{width:118px; height:26px; line-height:26px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px;}
#member .pdno{padding:0 0 57px 60px;}
#member .mt10{margin:10px 0 0 10px;}
#member .wp20{width:978px; margin:10px 0 0 10px;}

/* bicycle info */
#bicycleInfo{position:relative; width:1000px; min-width:320px; margin:0 auto;}
#bicycleInfo #topbanner{width:100%; margin:0 0 5px 0; overflow:hidden;}
#bicycleInfo #topthum{width:100%; overflow:hidden;}
#bicycleInfo #topthum ul li{float:left;}
#bicycleInfo .thum{width:100%; overflow:hidden;}
#bicycleInfo .thum ul li{float:left;}
#bicycleInfo #quick{position:absolute; right:-90px; top:350px;}
#callasWrap{width:100%; background:#000; overflow:hidden;}
#callas{width:960px; margin:0 auto;}

/* ±âÁ¸ »çÀÌÆ® º¹»ç css */
.call_t01 { padding:55px 0 0 0; border-bottom:2px solid #fff; margin-bottom:10px; clear:both;}
.call_bike { width:960px; clear:both;}
.cbike_w01 { float:left; height: 370px; margin-top:10px; padding-right:20px;}
.cbike_w02 { float:left; height: 370px; margin-top:10px;}
.call_txt01 { font: bold 14px "µ¸¿ò"; color:#d6d6d6; line-height:140%;padding-top:10px;}
.call_txt01 a { color:#d6d6d6;}
.call_txt01 a:visited { color:#d6d6d6;}
.call_txt01 a:hover { color:#d6d6d6;}
.call_txt02 { font: normal 12px "µ¸¿ò"; color:#d6d6d6; line-height:140%; overflow: hidden; width:447px; }
.call_txt02 a { color:#d6d6d6;}
.call_txt02 a:visited { color:#d6d6d6;}
.call_txt02 a:hover { color:#d6d6d6;}
.call_site {width:100%; padding:30px 0 20px 0; margin:55px 0 0 0; border-top:2px #fff solid; overflow:hidden;}
.call_site ul {width:484px; margin:0 auto;}
.call_site ul li{float:left; padding:0 6px;}
.call_foot {font: normal 12px "µ¸¿ò"; color:#787878; text-align:center; padding:30px 0; line-height:140%; border-top:1px solid #787878; margin-top:30px; clear:both}

/* view */
.call_t02 { background:#666; color:#fff; font: bold 14px "µ¸¿ò"; padding:10px 0; text-align:center;}
.call_t03 { color:#ccc; font: 12px "µ¸¿ò"; padding:10px 0; text-align:left; border-bottom:#787878 1px solid;}
.call_t03 a { color:#ccc;}
.call_t03 a:visited { color:#ccc;}
.call_t03 a:hover { color:#ccc;}
.call_view { color:#fff; padding:15px 0;border-bottom:#787878 1px solid; font: 12px "µ¸¿ò"; text-align:center;}
.call_view p {padding:0 0 20px 0;}
.call_btns { text-align:center; padding:10px 0 0 0;}





/* address search popup */
#layerWrap{width:100%; overflow:hidden;}
#layerWrap .inputHead{position:relative; padding:0 20px; background:#575757;}
#layerWrap .mapHead{position:relative; padding:0 20px; background:#d42930;}
#layerWrap .title{width:100%; height:50px; line-height:50px; font-size:20px; font-weight:600; color:#fff;}
#layerWrap p.close{position:absolute; right:20px; top:15px;}
#layerWrap .inputBody{background:#fff; padding:0 0 20px 0;}
#layerWrap .inputBody p.alert{margin:0 20px; padding:12px 0 9px 0; line-height:1.6; color:#555; font-size:12px; text-align:center;}
#layerWrap .inputBody .inputoutBox{margin:0 20px;}
#layerWrap .inputBody .inputBox{position:relative; width:100%; border:1px #dbdbdb solid; padding:16px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#layerWrap .inputBody .inputBox label{color:#555; font-size:12px; padding:0 20px; line-height:20px; font-weight:600;}
#layerWrap .inputBody .inputBox ul li{width:100%; clear:both; padding:4px 0; overflow:hidden;}
#layerWrap .inputBody .inputBox ul li label{display:block; float:left; width:57px; padding:0 0 0 12px; font-weight:600;}
#layerWrap .inputBody .inputBox ul li input{float:left; width:410px; height:26px; line-height:26px; border:1px #dcdcdc solid;}
#layerWrap .lefttop{position:absolute; left:-1px; top:-1px; width:10px; height:10px; background:url('../images/bg/bg_address_lefttop.gif') left top no-repeat;}
#layerWrap .leftbottom{position:absolute; left:-1px; bottom:-1px; width:10px; height:10px; background:url('../images/bg/bg_address_leftbottom.gif') left top no-repeat;}
#layerWrap .righttop{position:absolute; right:-1px; top:-1px; width:10px; height:10px; background:url('../images/bg/bg_address_righttop.gif') left top no-repeat;}
#layerWrap .rightbottom{position:absolute; right:-1px; bottom:-1px; width:10px; height:10px; background:url('../images/bg/bg_address_rightbottom.gif') left top no-repeat;}
#layerWrap .inputBody .addressChk{width:100%; padding:5px 0 20px 0; overflow:hidden;}
#layerWrap .inputBody .addressChk ul li{float:left; padding:0 0 0 100px;}
#layerWrap .inputBody .addressChk ul li label{color:#555; font-size:14px; padding:3px 0 0 4px; cursor:pointer; font-weight:600;}
#layerWrap .inputBody .addressChk ul li input{margin:2px;}
#layerWrap .inputBody .centerbrn{width:80px; margin:0 auto; padding:10px 0 20px 0;}
#layerWrap .inputBody .img{width:643px; margin:0 auto; text-align:center;}
#layerWrap .inputBody .img img{width:100%; padding:20px 0 0 0;}
#layerWrap .inputBody .img2{width:700px; margin:0 auto; text-align:center;}
#layerWrap .inputBody .img2 img{width:100%; padding:20px 0 0 0;}

.popDiv{margin:0 20px;}
.popHead{height:25px;}
.popHead span{float:left; line-height:25px; color:#555; background:#d1d1d1; font-weight:600; text-align:center;}
.popHead span.mail{width:20%;border-right:1px #fff solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.popHead span.address{width:80%;}
.popbd{width:100%; height:190px; overflow-y:auto; clear:both;}
.popTable{width:100%; border-width:0; border-spacing:0; border-style:none; font-size:14px;}
.popTable td{border-color:#e1e1e1; border-width:0 0 1px 0; color:#656565; padding:5px 0; border-style:none none solid none; vertical-align:middle; text-align:center; font-size:12px; line-height:1.3;}
.popTable td.left{padding:5px 0 5px 10px; text-align:left; font-size:12px;}
.agentDiv {margin:30px 22px; border-top:2px #424242 solid;}
.agentTable{width:100%; border-width:0; border-spacing:0; border-style:none; font-size:14px;}
.agentTable th{border-color:#e3e3e3; border-width:0 1px 1px 0; color:#555; padding:12px 0; border-style:none solid solid none; vertical-align:middle; text-align:center; font-size:12px; line-height:1.3;}
.agentTable th.last {border-right:0;}
.agentTable td{border-color:#e3e3e3; border-width:0 1px 1px 0; color:#555; padding:12px 0; border-style:none solid solid none; vertical-align:middle; text-align:center; font-size:12px; line-height:1.3;}
.agentTable td.last {border-right:0;}
.agentDiv .btn a {display:block; width:118px; height:24px; line-height:24px; font-size:12px; font-weight:600; color:#fff; text-align:center; background:#f33b3f; border:1px #cb3135 solid; margin:20px auto 0;}

/*** Form Table ***/
/* base list type */
.listType{width:100%; overflow:hidden;}
.listType ul li{position:relative; width:100%; overflow:hidden; padding:42px 0 35px 0; border-bottom:1px #ededee solid;}
.listType ul li .listNum{position:absolute; right:20px; top:42px; color:#ee302b; font-size:20px; font-weight:600;}
.listType ul li dl{margin:0 20px;}
.listType ul li dl dt{width:100%; padding:0 0 24px 0;}
.listType ul li dl dt:after {content:""; display:block; clear:both;}
.listType ul li dl dt p{display:block; float:left; font-size:22px; color:#333; font-weight:600;}
.listType ul li dl dt span{display:block; float:left; color:#999; padding:10px 0 0 10px;}
.listType ul li dl dd{clear:both; word-break:keep-all;}
.listType ul li dl dd a{color:#555; line-height:1.7; }
.listType ul li dl dd .img{float:left; padding:0px 26px 0 0; margin:-1px 0 0 0;}
.listType ul li dl dd .img img{width:164px; height:86px;}
.listType ul li dl dd .txt{float:left; width:750px;}
/* board type */
.boardbd{width:100%; border-top:2px #424242 solid;}
.boardbd2{width:100%; border-top:2px #424242 solid; margin:20px 0 0 0;}
.boardType th{border-color:#e3e3e3;border-width:0 0 1px 0;color:#555;font-weight:bold;border-style:none none solid none;padding:10px 0 10px 0;vertical-align:middle;font-size:12px;}
.boardType td{border-color:#e3e3e3;border-width:0 0 1px 0;padding:10px 0 10px 0;text-align:center;border-style:none none solid ;color:#888;vertical-align:middle;font-size:13px;line-height:1.4}
.boardType td.left{text-align:left; padding:10px;}
.boardType td a{color:#555; line-height:1.6;}
.boardType td strong{font-size:13px; color:#555;}
.boardType td .link{background:url('../images/ico/ico_q.gif') left 50% no-repeat; padding:2px 0 2px 34px;}
.boardType span.number{font-size:13px; color:#333;}
.boardType span.category{font-weight:600; color:#333;}
.boardType .map{position:relative; padding:0 0 5px 0;}
.boardType .mapbtn{position:absolute; right:20px; top:-30px; display:block; width:78px; height:24px; text-align:center; line-height:23px; background:#555; color:#fff; font-size:12px; font-weight:600; border:1px #444 solid;}
.boardType .mapbtn:hover{color:#fff; text-decoration:none;}
.boardType .mapbtn2 {color:#fff;background:#999;padding:0 3px;}
.boardType .support{display:block; width:78px; height:24px; text-align:center; line-height:22px; background:#f33b3f; color:#fff; font-size:12px; font-weight:600; border:1px #cb3135 solid; margin:0 auto;}
.boardType .support:hover{color:#fff; text-decoration:none;}

/* event list type */
.eventType{width:100%; overflow:hidden;}
.eventType ul li{width:100%; overflow:hidden; padding:30px 0; border-bottom:1px #ededee solid;}
.eventType ul li .list{float:left; width:65%;margin:0 38px 0 20px;}
.eventType ul li .list dl dt{width:100%; font-size:22px; font-weight:600; line-height:1.2; padding:0 0 15px 0;}
.eventType ul li .list dl dt a{color:#333; word-break:keep-all;}
.eventType ul li .list dl dt a:hover{color:#333;}
.eventType ul li .list dl dt img{padding:2px 0 0 0;}
.eventType ul li .list dl dt span{padding:0 4px 0 0;}
.eventType ul li .list dl dd.txt{color:#555; line-height:1.5; word-break:keep-all;}
.eventType ul li .list dl dd.day{color:#999; line-height:1.5; word-break:keep-all;}
.eventType ul li .thumimg{float:left;}
.eventType ul li .thumimg img{border:1px #e0e0e0 solid;}
/* reply type */
.replyWrite{width:100%; background:#ececec; margin:40px 0 0 0; padding:20px 0; overflow:hidden;}
.replyWrite ul li{float:left;}
.replyWrite ul li.in{width:87%; margin:0 0 0 20px;}
.replyWrite ul li.btn{margin:1px 0 0 12px;}
.replyType{width:100%; height:74px; border:1px #cfcfcf solid; padding:0; font-family:'Nanum Gothic'}
.replyBtn{display:block; width:77px; height:53px; line-height:1.2; color:#fff; font-size:14px; font-weight:600; background:#757575; text-align:center; padding:23px 0 0 0;}
.replyBtn:hover{color:#fff; text-decoration:none;}
.replyBtn span.arwp{display:block; line-height:1.2;font-size:14px; font-weight:600; }
.replyBox{width:100%; overflow:hidden;}
.replyBox ul{position:relative; border-bottom:1px #e5e5e5 solid; margin:20px 0 0 0; padding:0 20px 20px 20px;}
.replyBox ul li.name{font-size:14px; font-weight:600; color:#4f4f4f; padding:0 0 4px 0;}
.replyBox ul li.name span{padding:0 0 0 6px; color:#777;}
.replyBox ul li.txt{color:#666; line-height:1.5; word-break:keep-all;}
.replyBox ul li.txt img{padding:3px 0 0 0;}
/* view content */
.viewDiv{width:100%; border-bottom:2px #424242 solid; overflow:hidden;}
.viewHead{position:relative; width:100%; overflow:hidden;}
.viewHead .subject{font-size:16px; font-weight:600; color:#333; background:#fcfcfc; line-height:1.3; padding:12px 20px; border-top:2px #424242 solid; border-bottom:1px #e3e3e3 solid; text-align:center; word-break:keep-all;}
.viewHead .day{position:relative; width:100%; font-size:14px; font-weight:600; color:#555; border-bottom:1px #e5e5e5 solid; overflow:hidden;}
.viewHead .day p{float:left; padding:16px 0 17px 0; margin:0 0 0 20px; color:#555; font-weight:600;}
.viewHead .day p span{font-size:12px; color:#555; font-weight:normal;}
.viewHead .day ul{position:absolute; right:16px; top:12px;}
.viewHead .day ul li{float:left; padding:0 0 0 5px;}
.viewContents{position:relative; margin:20px 20px 40px; line-height:1.4; font-size:12px; color:#555; word-break:keep-all;}
.respond{margin:20px 40px 40px;}
.viewContents .anwser{position:absolute; left:-30px; top:0; }

/* member write */
.memberbd{width:100%; margin:20px 0 0 0; overflow:hidden;}
.memberbd2{width:100%; padding:20px 0 0 0; margin:20px 0 0 0; border-top:1px #ededee solid; overflow:hidden;}
.memberWrite{width:100%;border-color:#e5e5e5;border-width:0;border-spacing:0;border-style:none;font-size:12px;}
.memberWrite th{border-color:#e5e5e5;border-width:0;color:#333;font-weight:bold;border-style:none;text-align:left;padding:10px 0 10px 0;vertical-align:middle;font-size:12px;}
.memberWrite th span{font-weight:600; color:#c3191d;}
.memberWrite th label{padding:0 0 0 20px; font-size:12px;}
.memberWrite td{border-color:#e5e5e5;border-width:0;padding:10px 0 10px 10px;text-align:left;border-style:none;color:#333;vertical-align:middle;}
.memberWrite td label{font-size:11px; color:#333; cursor:pointer; line-height:18px;}
.memberWrite td p{color:#333; clear:both; line-height:1.2;}
.memberWrite td .radio_t{width:13px;height:13px;margin:0 5px 2px 0;padding:0;}
.memberWrite td strong{font-size:15px;}
.pta li{float:left;}
.pta li.r10{padding:0 10px 0 0;}
.pta li.r20{padding:0 20px 0 0;}
.pta li span.valign{line-height:26px;}
.pta li span.mvalign{font-size:12px; line-height:26px; color:#333;}
.pta li.pt5{clear:both; padding:5px 0 0 0;}

/* A/S table */
.asTable {width:100%; margin:17px 0 0 0; border-top:1px #e3e3e3 solid; overflow:hidden;}
.asTable .waitState {display:inline-block; width:59px; height:23px; line-height:23px; border:1px #999 solid; text-align:center; color:#888;}
.asTable .finState {display:inline-block; width:59px; height:23px; line-height:23px; border:1px #d42930 solid; text-align:center; color:#d42930;}
.asList th{border-color:#e3e3e3;border-width:0 0 1px 0;color:#555;font-weight:bold;border-style:none none solid none;text-align:center;padding:14px 0;vertical-align:middle;font-size:12px;background:#fcfcfc;}
.asList td{border-color:#dcdcdc;border-width:0 0 1px 0;padding:8px 0;text-align:center;border-style:none none solid none;color:#555;vertical-align:middle;font-size:12px;}
.asList td.left {padding:8px 0 8px 25px; text-align:left;}
.asList td a {color:#555;}
.asList td a:hover {color:#555;}
.asView th{border-color:#dcdcdc;border-width:0 0 1px 0;color:#333;font-weight:bold;border-style:none none solid none;text-align:center;padding:13px 0;vertical-align:middle;font-size:12px;}
.asView th p{background:url('../images/bg/bg_asview_th.gif') right center no-repeat;line-height:1.2;}
.asView td{position:relative; border-color:#dcdcdc;border-width:0 0 1px 0;padding:13px 0 13px 40px; text-align:left;border-style:none none solid none;color:#888;vertical-align:middle;font-size:12px; line-height:1.2;}
.asView .finState {position:absolute; left:40px; top:7px;}

/*** btn area ***/
.btnAreaList{position:relative; max-width:1000px; text-align:center; clear:both;}
.btnArea{position:relative; max-width:1000px; height:44px; text-align:center; clear:both;}
.bLeft{position:absolute;left:0;top:10px;}
.bLeft ul li{float:left;padding:0 10px 0 0;}
.bRight{position:absolute;right:0;top:10px;}
.bRight ul li{float:left;padding:0 0 0 10px;}
.bCenter{width:226px; margin:20px auto 0; overflow:hidden;}
.bCenter ul li{float:left;padding:0 6px;}
.bCenter2{width:100px; margin:20px auto 0; overflow:hidden;}
.bCenter3{width:140px; margin:20px auto 0; overflow:hidden;}


/*** base btn ***/
.redbtn{display:block; width:90px; height:36px; text-align:center; line-height:36px; background:#d50031; color:#fff; font-size:14px; font-weight:600;}
.redbtn:hover{color:#fff; text-decoration:none;}
.wbtn{display:block; height:34px; text-align:center; line-height:34px; font-size:15px; font-weight:600; color:#555; border:1px #dbdbdb solid; padding:0 20px;}
.wbtn:hover{color:#555; text-decoration:none;}
.agreebtn{display:block; width:80px; height:26px; text-align:center; line-height:25px; background:#777; color:#fff; font-size:12px; font-weight:600;}
.agreebtn:hover{color:#fff; text-decoration:none;}
.nbtnMini{display:block; width:80px; height:26px; text-align:center; line-height:25px; background:#999; color:#fff; font-size:12px; font-weight:600;}
.nbtnMini:hover{color:#fff; text-decoration:none;}
.nbtnMini2{display:block; width:80px; height:26px; text-align:center; line-height:25px; background:#999; color:#fff; font-size:12px; font-weight:600;}
.nbtnMini2:hover{color:#fff; text-decoration:none;}
.nbtn{display:block; width:98px; height:34px; text-align:center; line-height:34px; background:#fff; color:#555; font-size:15px; font-weight:600; border:1px #dbdbdb solid;}
.nbtn:hover{color:#555; text-decoration:none;}
.okbtn{display:block; width:98px; height:34px; text-align:center; line-height:34px; background:#f33b3f; color:#fff; font-size:15px; font-weight:600; border:1px #cb3135 solid;}
.okbtn:hover{color:#fff; text-decoration:none;}
.obtn{display:block; width:78px; height:24px; text-align:center; line-height:22px; background:#f33b3f; color:#fff !important; font-size:12px; font-weight:600; border:1px #cb3135 solid;}
.obtn:hover{color:#fff; text-decoration:none;}
.inquirybtn{display:block; width:138px; height:34px; text-align:center; line-height:34px; background:#f33b3f; color:#fff; font-size:15px; font-weight:600; border:1px #cb3135 solid;}
.inquirybtn:hover{color:#fff; text-decoration:none;}
.ingbtn{display:inline-block; width:45px; height:20px; text-align:center; line-height:19px; background:#f33b3f; color:#fff; font-size:12px; font-weight:600; vertical-align:top; margin:5px 0 0 0;}
.endbtn{display:inline-block; width:45px; height:20px; text-align:center; line-height:19px; background:#333; color:#fff; font-size:12px; font-weight:600; vertical-align:top; margin:5px 0 0 0;}
.asbtn{display:block; width:138px; height:34px; text-align:center; line-height:34px; background:#f33b3f; color:#fff; font-size:15px; font-weight:600; border:1px #cb3135 solid; margin:10px auto 0;}
.asbtn:hover{color:#fff; text-decoration:none;}
/* event change */
.subject .ingbtn{margin:1px 0 0 0;}
.subject .endbtn{margin:1px 0 0 0;}

/*** input ***/
.w128{width:123px; height:24px; line-height:24px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px;}
.w198{width:193px; height:24px; line-height:24px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px; font-weight:600;}
.w58{width:53px; height:24px; line-height:24px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px; text-align:center;}
.addressType{width:499px; height:24px; line-height:24px; background:#fff; border:1px #dbdbdb solid; padding:0 0 0 5px; font-size:12px;}


/*** selectbox bg change ***/
span.searchStyleSelectBox{height:26px; font-size:12px;background:url('../images/bg/bg_select.gif') right center #fff no-repeat;padding:2px 20px 0 0; border-left:1px #dfdfdf solid;}
span.searchStyleSelectBox.changed{background-color: #fff;}
.searchStyleSelectBoxInner{font-size:12px;white-space:nowrap; line-height:1.8; padding:0 40px 0 4px;}

/*** file type ***/
.fileType{width:504px; height:20px; line-height:20px; background:#fff; border:1px #dbdbdb solid;}
.fileType::-ms-value{border:none;background:none;}


/*** textarea **/
.popta{width:494px; height:38px; line-height:1.3; background:#fff; border:1px #dbdbdb solid; padding:5px; font-size:12px; overflow-y:auto;}


/*** paging ***/
.allPageMoving1{margin:30px 0 0 0;}
.allPageMoving1 *{vertical-align:top;}
.allPageMoving1 a{display:inline-block;width:29px;height:29px;line-height:27px;color:#555;text-decoration:none; border:1px #e2e2e2 solid; background:#fff; font-size:12px;}
.allPageMoving1 a.n{border:0;padding:0 4px;}
.allPageMoving1 a.pre{border:0;padding:0;margin:0 9px 0 0;}
.allPageMoving1 a.next{border:0;padding:0;margin:0 0 0 7px;}
.allPageMoving1 a img{vertical-align:top;}
.allPageMoving1 span.mobile{display:none;}
.allPageMoving1 strong{display:inline-block;width:30px;height:31px;line-height:29px;color:#fff;text-decoration:none; background:#d42930; font-size:12px; font-weight:normal;}

/* list search */
.listsearch{width:367px; margin:30px auto 0; overflow:hidden;}
.listsearch ul li{float:left; padding:0 5px 0 0;}
.listsearch ul li .searchty{width:146px; height:26px; line-height:26px; border:1px #dbdbdb solid; padding:0 0 0 5px;}
.listsearch ul li .btn{display:block; width:56px; height:28px; line-height:28px; background:#777; color:#fff; text-align:center; font-weight:600;}


/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{width:auto; margin-right:50px; overflow:hidden;}
.mCSB_container.mCS_no_scrollbar{margin-right:0;}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:30px;}
.mCustomScrollBox>.mCSB_scrollTools{width:16px;height:100%;top:0;right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0; height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px;}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */}
.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */}
.mCSB_scrollTools .mCSB_draggerRail{ background:#fff;filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#d6d6d6;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#d6d6d6;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=85)"; /* old ie */}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#d6d6d6;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=90)"; /* old ie */}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{opacity:0.4;filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */}

.webimg{display:block;}
.mobileimg{display:none;}

.youtube01 {margin:0 10px; height:480px;}



/********** media query web *************/
@media all and (max-width: 1379px){
/* quickbox */
#quickBox{position:relative; left:0; width:auto; padding:0; margin:0; background:url(none);}
#quickBox .box{float:left; width:25%;}
#quickBox a.explan{position:relative; left:0; display:inline;}
#quickBox a.explan img{width:164px;height:100%;margin:0 auto;}

}





/********** media query tablet *************/
@media all and (max-width: 1179px){

/* layout */
#container{position:relative; max-width:710px; margin:0 auto;}
#contents{padding:0 0 60px 0;}
.mCSB_container{margin-right:0;}
.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar{margin-right:0;}
/* about */


#about table.board .bbsnewf5 td img {margin-top:30px;margin-bottom:10px;padding:4px;border:solid 1px #d5d5d5;width:150px;height:105px;}

table .board td #post_area img {width:500px !important;clear:both;height:100% !important;border:solid 0px #d5d5d5;}

#tab {width:100%;padding-top:0px;text-align:center;float:left;margin-bottom:40px;}
#tab ul {width:100%;}
#tab ul li {float:left;width:25%;line-height:40px;height:40px;border-top:solid 3px #194482;border-bottom:solid 1px #d9d9d9;background:#url();font-size:14px;margin-left:-1px;border-left:solid 1px #d9d9d9;}
#tab ul li:first-child {margin-left:0px;border-left:solid 1px #d9d9d9;}
#tab ul li:last-child {margin-left:-3px;border-right:solid 1px #d9d9d9;}
#tab ul li a {color:#5c5c5c;display:block;}
#tab ul li.on {border-top:solid 3px #194482;background:#194482;}
#tab ul li.on a {color:#fff;display:block;}


#tab_mall {width:100%;padding-top:0px;text-align:center;float:left;margin-bottom:40px;}
#tab_mall div {width:100%;}
#tab_mall div.mall_tab {float:left;width:25%;line-height:40px;height:40px;border-top:solid 3px #194482;border-bottom:solid 1px #d9d9d9;background:#url();font-size:14px;margin-left:-1px;border-left:solid 1px #d9d9d9;}
#tab_mall div.mall_tab:first-child {margin-left:0px;border-left:solid 1px #d9d9d9;}
#tab_mall div.mall_tab:last-child {margin-left:-3px;border-right:solid 1px #d9d9d9;}
#tab_mall div.mall_tab a {color:#5c5c5c;display:block;}
#tab_mall div.mall_tab.on {border-top:solid 3px #194482;background:#194482;}
#tab_mall div.mall_tab.on a {color:#fff;display:block;}


#tab_bi {width:100%;padding-top:0px;text-align:center;float:left;margin-bottom:40px;}
#tab_bi ul {width:100%;}
#tab_bi ul li {float:left;width:50%;line-height:40px;height:40px;border-top:solid 3px #194482;border-bottom:solid 1px #d9d9d9;background:#url();font-size:14px;margin-left:-1px;border-left:solid 1px #d9d9d9;}
#tab_bi ul li:first-child {margin-left:0px;border-left:solid 1px #d9d9d9;}
#tab_bi ul li:last-child {margin-left:-3px;border-right:solid 1px #d9d9d9;}
#tab_bi ul li a {color:#5c5c5c;display:block;}
#tab_bi ul li.on {border-top:solid 3px #194482;background:#194482;}
#tab_bi ul li.on a {color:#fff;display:block;}


#about .imgArea img{width:170px;}
#about .identity .list{margin:0 0 20px 0;}
#about .identity .txt{width:448px; margin:4px 0 0 20px;}
#about .brand{width:100%; overflow:hidden;margin:0px auto;}
#about .brand dl{margin:0 0 0 7px;}
#about .brand dl.cb{clear:both; margin:10px 0 0 10px;}
#about .year p{width:180px; border:1px solid red; display:none;}
#about .detail{width:490px;}
#about .purchase .info .img{float:none; text-align:center;}
#about .purchase .info p{float:none; text-align:center;}
#about .purchase .cont{height:568px;}
#about .purchase .cont .img01{left:15px;}
#about .purchase .cont .img02{left:187px;}
#about .purchase .cont .img03{left:357px;}
#about .purchase .cont .img04{left:357px;}
#about .purchase .cont .img05{left:528px;}
#about .purchase .cont .img06{left:528px;}
#about .purchase .cont .img07{left:528px; top:366px;}
#about .roadmap .map ul li.address{width:auto; padding:0 0 10px 0;}
#about .roadmap .map ul li p.info{width:auto;}
#about .roadmap .map ul li p.info span{display:inline; padding:0 0 0 20px;}
#about .roadmap .map ul.ty1{width:auto; padding:20px 0 0 33px;}
#about .roadmap .map ul.ty2{width:auto; padding:20px 0 0 33px;}
#about .roadmap .map .img{float:none; clear:both; width:643px; margin:20px auto 0;}
#about .graph{margin:0 0 0 30px;}

/* agency */
#agency .roundbox{width:690px;}
#agency .rbline{width:333px;}
#agency .actline{width:333px;}
#agency .category{ width:334px;}
#agency .category .txt{width:314px;}
#agency .category .txt span{display:inline;}
#agency .category p.btn{left:68px;}
/* listType */
.listType ul li dl dd .txt{float:left; width:480px;}
.boardType .mapbtn{position:relative; right:0; top:5px;}
/* event list type */
.eventType ul li .list{width:372px;}
/* reply */
.replyWrite ul li.in{width:83%; margin:0 0 0 20px;}
/* customer */
#productList ul li{margin:0 0 20px 23px;}
/* member */
#member .loginBox{margin:20px 0 0 0;}
#member .idsearch{margin:20px 0 0 20px;}
#member .secession{width:688px;}

/* roundbox */
#member .roundbox{width:690px;}
#member .division{width:334px;}
#member .rbline{width:333px;}
#member .actline{width:333px;}
#member .division .title{margin:0 0 25px 40px;}
#member .findForm{padding:0 0 87px 0;}
#member .findForm p.btn{left:114px;}
#member .findForm p.btn2{left:110px;}
#member .category{ width:334px;}
#member .category p.btn{left:103px;}
#member .category p.btn2{left:91px;}
/* quickBox */
#quickBox .box .play{left:50%; margin-left:-82px;}
#quickBox .box .play img{width:164px; height:164px;}

.thumb{display:none;}
}



/********** media query mobile *************/
@media all and (max-width: 767px){
/* layout */
#container{max-width:100%;}
#container h2{font-size:23px; font-weight:600; color:#333; padding:0 0 14px 15px;}
#container h2 u{display:block; font-size:23px; font-weight:600; color:#333;}
#contents{max-width:100%;}
#location{width:100%; margin:16px 0 12px 0;}
#location ol{margin:0 0 0 12px;}
/*about */
#about h3{padding:0 0 7px 15px;}
#about h3.line{padding:0 0 7px 15px;}
#about .headTxt p{margin:0 20px;}
#about .headTxt u{display:block;}
#about .imgArea{margin:10px 0 40px 0;}


#about table.board .bbsnewf5 td img {margin-top:30px;margin-bottom:10px;padding:2px;border:solid 1px #d5d5d5;width:100px;height:70px;}
table .board td #post_area img {width:300px !important;clear:both;height:100% !important;border:solid 0px #d5d5d5;}



#about .staf{ margin:auto; padding-left:50px; }
#about .staf img{margin:auto; width:250px; padding-left:20px;}
#about .imgArea img{width:200px; padding:2px;}
#about .imgArea img.ty1{margin:0;}
#about .imgArea img.ty2{margin:0;}
#about .identity .img{float:none; width:auto; margin:0 15px 14px; background:#f2f2f2; text-align:center;}
#about .identity .img img{width:288px; height:126px;}
#about .identity .txt{float:none; width:auto; margin:0 15px;}
#about .brand dl{float:none; width:auto; margin:0 15px;}
#about .brand dl.cb{margin:0 15px;}
#about .brand dl dt{height:auto; margin:0 0 10px 0; background:#f2f2f2; text-align:center;}
#about .brand dl dt img{width:288px; height:288px;}
#about .brand dl dd{width:auto; margin:0 0 20px 0;}
#about .brand dl dd span{display:inline;}
#about .year{position:relative; float:none; height:45px; border:0; border-bottom:2px #e3e3e3 solid; margin:0 20px; padding:0;}
#about .year p{position:absolute; left:0; bottom:-2px; width:132px; font-size:20px; text-align:left; background:url('../images/bg/bg_history_arrow_m.gif') right 8px no-repeat; border-bottom:2px #444 solid;}
#about .year span{display:inline; font-size:25px;}
#about .detail{width:auto; margin:0 20px; border:0;}
#about .detail ul{margin:5px 0 30px 0;}
#about .detail ul li{padding:5px 0 5px 83px;}
#about .detail ul li span{left:17px; top:7px; font-size:13px;}
#about .purchase{width:auto; margin:-38px 20px 0 20px;}
#about .purchase .info .img img{width:290px;}
#about .purchase .info p{padding:20px 0 0 0;}
#about .purchase .cont{height:780px;}
#about .purchase .cont .part{width:336px; padding:10px 0 0 0; margin:0 auto; clear:both;}
#about .purchase .cont .img01{position:relative; left:0; top:0; float:left;}
#about .purchase .cont .img02{position:relative; left:10px; top:46px; float:left;}
#about .purchase .cont .img03{position:relative; left:0; top:0; float:left;}
#about .purchase .cont .img04{position:relative; left:10px; top:0; float:left;}
#about .purchase .cont .img05{position:relative; left:0; top:0; float:left;}
#about .purchase .cont .img06{position:relative; left:10px; top:0; float:left;}
#about .purchase .cont .img07{position:relative; left:0; top:0; width:173px; margin:0 auto;}
#about .roadmap{width:auto; margin:-38px 15px 0;}
#about .roadmap .place ul li{float:none; width:auto; border-left:1px #777 solid; margin:20px 0 0 0;}
#about .roadmap .place ul li p.name{font-size:16px;}
#about .roadmap .place ul li p.address{font-size:12px;}
#about .roadmap .place ul li p.tel{font-size:12px;}
#about .roadmap .place ul li p.fax{font-size:12px;}

#about .roadmap .map ul{float:none;}
#about .roadmap .map ul li p.info{font-size:12px;}
#about .roadmap .map ul li p.info span{display:block; padding:0; font-size:12px;}
#about .roadmap .map ul li p.title{width:100px; font-size:12px;}
#about .roadmap .map ul li.name{padding:0 0 10px 0;}
#about .roadmap .map ul.ty1{width:290px; padding:0; margin:0 auto;}
#about .roadmap .map ul.ty2{width:290px; padding:0; margin:0 auto;}
#about .roadmap .map .img{width:290px; margin:20px auto 0;}
#about .graph{margin:0;}
#about .ir {width:auto; margin:20px 10px 0;}
#about .ir ul li .subject p {padding:13px 10px 6px 20px;}
#about .ir ul li .subject span {position:relative; left:0; top:0; display:block; padding:0 0 13px 20px;}
#about .ir ul li .conf p {padding:14px 20px 6px 20px;}
#about .ir ul li .conf .btn {position:relative; left:0; top:0; display:block; margin:0 0 13px 20px;}

#officer{max-width:auto; margin:0 10px;}
#officer .oHeader{width:auto; margin:0 5px;}
#officer .oContent{max-width:auto; height:596px; margin:-34px 5px 0;}
#officer .oContent ul.target{margin:10px 0;}
#officer .officerTab{max-width:288px;}
#officer .officerTab ul li a{width:48px;}
#officer .officerTab ul li{padding:0;}
#officer .officerTab ul li a span{font-size:12px;}
#officer .officerTab .bar{width:248px;}
#officer .officerTab ul li a span u{display:block;}
#officer .obtnArea{width:auto; margin:0 5px;}

/* agency */
#agency .intro{width:auto;}
#agency .roundbox{width:auto; margin:20px 20px 0;}
#agency .category{width:auto; margin:20px 0 0 0; padding:0;}
#agency .category .txt{width:auto; margin:0 10px;}
#agency .category .txt span{display:inline;}
#agency .category p.btn{position:relative; left:0; top:0; margin:20px 30px 20px;}
#agency .actline{width:auto; height:auto; border-right:0; border-bottom:1px solid #dbdbdb; padding:0;}
#community{width:auto; margin:0 10px;}

/* search select box */
.selectBox{padding:12px 20px;}
.selectBox .step01 ul li{float:none; width:auto; padding:0 0 5px 0;}
.selectBox .step01 ul li.w40{width:auto; padding:0 0 5px 0;}
.selectBox .step01 ul li.w30{width:auto; padding:0 0 5px 0;}
.selectBox .step02{padding:0; margin:-5px 0 0 0;}
.selectBox .step02 ul{position:relative; top:0;}
.selectBox .step02 .searchInput{padding:0 0 0 12px; background:url("../images/bg/bg_searchInput_m.gif") 12px top #fff no-repeat;}
.agencyfocus{padding:0 0 0 12px;}
.agencyfocusnot{padding:0 0 0 12px;}
.selectBox p.btn{position:relative; margin:5px 0 0 0; right:0; top:0;}
.selectBox p.btn a{width:auto; height:32px; line-height:32px;}
/* customer FAQ change */
.faq .faqsearch{padding:0;}
.faq .faqsearch ul li{float:none; width:auto; padding:0 0 5px 0;}
.faq .faqsearch .faqInput{padding:0 0 0 12px; background:url("../images/bg/bg_faq_input.gif") 12px top #fff no-repeat;}
.faqfocus{padding:0 0 0 12px;}
.faqfocusnot{padding:0 0 0 12px;}
.faq p.faqbtn{position:relative; margin:5px 0 0 0; right:0; top:0;}
.faq p.faqbtn a{width:auto; height:32px; line-height:32px;}
/* notice table */
.tableNotice{height:60px; margin:0 20px 10px;}
.tableNotice .btn{position:relative; right:0; top:0; margin:0 0 10px 0;}
.disnone{display:none;}

.asView .finState {left:10px;}
.asView th p {padding:0 5px;}
.asView td {padding:13px 0 13px 10px;}
.asView td.fileImg img{width:100%;}

/*** customer ***/
#customer .tabList li{width:19%;}
#customer .tabList li a{padding:14px 0 12px 0; text-align:center; font-size:11px;}
#customer .tabList li a.on{padding:13px 0 12px 0; text-align:center;}
#customer .tabList li.wide{width:24%;}
#productList ul li{float:none; width:320px; margin:0 auto 20px;}


/* member head info */
#member h3{font-size:16px;}
#member .loginBox{width:auto; margin:20px 20px 0 20px;}
#member .login{position:relative; width:250px;}
#member .loginType{width:93px;}
#member .loginInfo{width:200px; height:66px; margin:30px auto 0;}
#member .loginInfo p{left:4px; top:30px;}
/* member drop out */
#member .secession{width:auto; margin:0 20px;}
#member .alert{width:230px;}
#member .drop{position:relative; width:250px;}
#member .secessionType{width:93px;}

.mchange{margin:20px 10px 0;}

/*** member roundbox ***/
#member .roundbox{width:auto; margin:20px 20px 0;}
#member .division{float:none; width:264px; margin:30px auto;}
#member .division .title{margin:0 0 25px 10px;}
#member .findForm{width:264px; padding:0 0 70px 0;}
#member .findForm ul li{margin:0 0 0 10px;}
#member .findForm p.btn{left:54px; top:78px;}
#member .findForm p.btn2{left:54px; top:117px;}
/* member roundbox category */
#member .category{float:none; width:268px; margin:30px auto;}
#member .category p.btn{left:75px; top:138px;}
#member .category p.btn2{left:75px; top:138px;}
#member .category .img img{width:268px;}
/* member input type */
#member .findType{width:200px;}
#member .findid{width:65px;}
#member .findemail{width:110px;}
/* member line type */
#member .rbline{width:264px; border-right:0; border-bottom:1px solid #dbdbdb;}
#member .actline{width:268px; border-right:0; border-bottom:1px solid #dbdbdb; padding:0 0 60px 0;}
#member .pdno{padding:0 0 43px 0;}
/* member alert */
#member .stepWrap .step span{font-size:14px;}
#member .alertTxt p.btn{left:10px; top:30px;}
#member .alertTxt ul li{padding:0 10px;}
#member .alertTxt ul li.interval{padding:0 0 30px 10px;}
/* member celebration type */
#member .celebration{padding:40px 0;}
#member .celebration .img{float:none; width:auto; text-align:center; padding:0;}
#member .celebration .txtArea{float:none;}
#member .celebration .txtArea p.title{padding:0 0 8px 0;}
#member .celebration .txtArea p.title strong{display:block;}
#member .tabList{width:auto; margin:0 10px 20px;}
#member .tabList li{width:32%;}
#member .tabList li.last{width:36%;}
#member .tabList li a{text-align:center;}
#member .tabList li a span{padding:0; font-weight:600;}

#about .tabList{width:auto; margin:-38px 10px 20px;}
#about .tabList li{width:32%;}
#about .tabList li.last{width:36%;}
#about .tabList li a{text-align:center;}
#about .tabList li a span{padding:0; font-weight:600;}
#community .mtbTitle{padding:10px 0;}
#community .mtbTitle p{font-size:18px; margin:15px; }
#community .mtbTitle p span{font-size:14px; line-height:2;}

/*** Form Table ***/
/* base list type */
.listType ul li{padding:15px 0 40px 0;}
.listType ul li .listNum{position:static; margin:0 0 10px 15px; font-size:11px;}
.listType ul li dl{margin:0 15px;}
.listType ul li dl dt{padding:0 0 15px 0;}
.listType ul li dl dt p{font-size:15px;}
.listType ul li dl dt span{position:absolute; float:none; left:15px; bottom:15px; padding:0; font-size:11px;}
.listType ul li dl dt span.other{left:41%;}
.listType ul li dl dd a{line-height:1.5;}
.listType ul li dl dd .img{width:35%; margin:0 5% 0 0; padding:0; overflow:hidden;}
.listType ul li dl dd .img img{height:90px;}
.listType ul li dl dd .txt{width:60%;}
/* view type */
.viewHead .day p{padding:17px 0 0 0;}
.viewHead .day p.linefeed{clear:both; float:none; padding:10px 0 0 0;}
.viewHead .day p.hits{clear:both; float:none; padding:10px 0 0 0;}
.viewHead .day p.file{clear:both; float:none; padding:10px 0 16px 0;}
/* event list type */
.eventType ul li .list{float:none; width:auto; margin:0 20px;}
.eventType ul li .thumimg{float:none; width:auto; margin:20px 20px 0;}

/* reply */
.replyWrite ul li{float:none;}
.replyWrite ul li.in{width:auto; margin:0 22px 0 20px;}
.replyWrite ul li.btn{margin:10px 20px 0 20px;}
.replyBtn{width:100%; height:34px; line-height:34px; padding:0;}
.replyBtn span.arwp{display:inline; line-height:34px;}


/*** paging ***/
.allPageMoving1{margin:20px 0 0 0;}
.allPageMoving1 a{display:inline-block;width:26px;height:26px;line-height:24px;color:#555;text-decoration:none; border:1px #e2e2e2 solid; background:#fff; font-size:12px;}
.allPageMoving1 a.n{border:0;padding:0 2px;}
.allPageMoving1 a.pre{border:0;padding:0;margin:0 8px 0 0;}
.allPageMoving1 a.next{border:0;padding:0;margin:0 0 0 6px;}
.allPageMoving1 a img{vertical-align:top; width:28px;}
.allPageMoving1 span.mobile{display:none;}
.allPageMoving1 strong{display:inline-block;width:28px;height:28px;line-height:26px;color:#fff;text-decoration:none; background:#d42930; font-size:12px; font-weight:normal;}


/*** btn area ***/
.bRight{right:20px;}


/*** common ***/
.tNone{display:none;}
.tw20{width:16%;}
.tw24{width:24%;}
.tw28{width:28%;}
.tw30{width:30%;}
.pta li{display:block; padding:2px 0;}
.pta li span.mvalign{line-height:1.4;}
.pta li.r10{padding:2px 4px 2px 0;}
.pta li.last{margin:0;}
.webimg{display:none;}
.mobileimg{display:block;}

/*** input, textarea, file ***/
.addressType{width:188px;}
.popta{width:90%;}
.fileType{width:90%;}


/*** quick box ***/
#quickBox{position:relative; left:0; width:auto; padding:0; margin:0; background:url(none);}
#quickBox .box{float:left; width:50%;}
#quickBox a.explan{position:relative; left:0; display:inline;}
#quickBox a.explan img{width:164px;height:100%;margin:0 auto;}


/*** seminar rolling ***/
.seminarRoll .arrowLeft{position:absolute; left:0; top:50%; z-index:9999; margin-top:-30px;}
.seminarRoll .arrowRight{position:absolute; right:0; top:50%; z-index:9999; margin-top:-30px;}
.youtube01 {margin:0 10px; height:320px;}
}

/********** media query mobile Only *************/
@media all and (max-width: 360px){
#about .purchase .cont{height:1260px;}
#about .purchase .cont .part{width:163px; padding:10px 0 0 0; margin:0 auto; clear:both;}
#about .purchase .cont .img01{position:relative; left:0; top:0; float:none;}
#about .purchase .cont .img02{position:relative; left:0; top:0; float:none; margin:10px 0 0 0;}
#about .purchase .cont .img03{position:relative; left:0; top:0; float:none;}
#about .purchase .cont .img04{position:relative; left:0; top:0; float:none; margin:10px 0 0 0;}
#about .purchase .cont .img05{position:relative; left:0; top:0; float:none;}
#about .purchase .cont .img06{position:relative; left:0; top:0; float:none; margin:10px 0 0 0;}
#about .purchase .cont .img07{position:relative; left:0; top:0; width:163px; margin:0 auto;}
#about .roadmap .map ul.ty1{margin:0;}
#about .roadmap .map ul.ty2{margin:0;}
#about .roadmap .map .img{margin:20px 0 0 0;}

#layerWrap .inputBody .img{width:270px; margin:0 auto; text-align:center;}
#layerWrap .inputBody .img2{width:270px; margin:0 auto; text-align:center;}
/* address search popup */
#layerWrap .inputBody p.alert span{display:block;}
#layerWrap .inputBody .addressChk ul li{padding:0 0 0 30px;}
#layerWrap .inputBody .addressChk ul li label{font-size:12px;}
#layerWrap .inputBody .inputBox ul li input{width:152px;}

.listsearch{width:260px;}
.listsearch ul li.web{display:none;}
.listsearch ul li .searchty{width:94px;}

.youtube01 {margin:0 10px; height:220px;}
}