@charset "utf-8";
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:"NanumGothic"; color:#333;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, button {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;  letter-spacing: -0.5px !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul, li {list-style:none; padding:0; margin:0; letter-spacing: -0.5px !important;}
ul:after { display:block; content:""; clear:both; }
dl dd {padding:0; margin:0;  letter-spacing: -0.5px !important;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {font-family:"NanumGothic"; margin:0;padding:0;  letter-spacing: -0.5px !important;}
button {cursor:pointer}

textarea, select {font-family:"NanumGothic"; font-size:1em;  letter-spacing: 0px !important;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;  }
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited, a:hover, a:focus, a:active/*, td a:link, td a:visited, td a:hover, td a:focus, td a:active, th a:link, th a:visited, th a:hover, th a:focus, th a:active*/ {text-decoration:none; color:#333;}

.tm10 { margin-top:10px; }
.tm20 { margin-top:20px; }
.bm5 { margin-bottom:5px; }
.bm10 { margin-bottom:10px; }
.bm20 { margin-bottom:20px; }
.bm30 { margin-bottom:30px; }
.bm50 { margin-bottom:50px; }
.tp10 { padding-top:10px; }
.bp50 { padding-bottom:50px; }
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }

.lespc-2 { letter-spacing:-2px; }

.txt_black {color:#000000}
.txt_red {color:#ae0d0d}
.txt_red02 {color:#E10102}
.txt_red03 {color:#FF0000}
.txt_blue {color:#0d6cae;}
.txt_blue2 {color:#0177B7;}
.txt_green {color:#0d9381}
.txt_org {color:#f4781f}
.txt_yellow {color:#FFFF00}
.txt_green { color:#15C37F; }
.txt_purple { color:#B771ED; }
.txt_email { color:#055405; font-size:20px; font-weight:600; line-height:150%; }

.bold500 { font-weight:500; }
.bold600 { font-weight:600; }
.bold700 { font-weight:700; }
.bold800 { font-weight:800; }

.size15 { font-size:15px; }
.size17 { font-size:17px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }

.underline {text-decoration: underline;}

.flolef {float:left;}
.florig {float:right;}

.cursorp { cursor:pointer; }

.lh100 { line-height:100% !important; }
.lh150 { line-height:150% !important; }
.lh200 { line-height:200% !important; }
.lh220 { line-height:220% !important; }
.lh230 { line-height:230% !important; }
.lh240 { line-height:240% !important; }
.lh250 { line-height:250% !important; }

.txt_type01 { color:#000080; font-weight:600; }
.txt_type02 { color:#DB0000; font-weight:600; }
.txt_type03 { color:#146801; font-weight:600; }
.txt_type04 { color:#000000; font-weight:600; }
.txt_type05 { color:#5301CF; font-weight:600; }

a.button01

br.mo_br { display:none; }

/* 상단 레이아웃 */
#hd {z-index:5; position:relative; width:100%; height:120px; background-color: #263646; margin: auto; display:table; }

/* 상단 로고 */
#logo {display:table-cell; width:275px; line-height:120px; text-align:center; vertical-align:middle;}

/* 상단 메뉴 */
.tmn_wrap { display:table-cell; width:*; border:0px solid red; box-sizing:border-box; }
.tmn_wrap a { color:#ffffff; }
.tmn_wrap .tmn_left { float:left; width:40%; margin-left:5%;}
.tmn_wrap .tmn_left ul { width:100%; display:table; }
.tmn_wrap .tmn_left > ul > li { display:table-cell; color:#ffffff; height:120px; line-height:120%; vertical-align:middle; font-size:18px; font-family:"NanumSquare"; word-break:keep-all;  border:0px solid red; box-sizing:border-box; text-align:center; }
.tmn_wrap .tmn_left > ul > li:nth-child(1) { width:32%; }
.tmn_wrap .tmn_left > ul > li:nth-child(2) { width:28%; }
.tmn_wrap .tmn_left > ul > li:nth-child(3) { width:40%; letter-spacing:-1px !important;}

.tmn_wrap .tmn_right { float:right; width:55%; }
.tmn_wrap .tmn_right > ul { width:100%; display:table; }
.tmn_wrap .tmn_right > ul > li { display:table-cell; width:22%; color:#ffffff;  height:120px; line-height:120%; vertical-align:middle; font-family:"NanumSquare"; border:0px solid yellow; box-sizing:border-box; }
.tmn_wrap .tmn_right > ul > li.phone { width: 56%; font-size:33px; font-weight:600; text-align:center; }
.tmn_wrap .tmn_right > ul > li.phone span { color:#cfd1d3; font-size:23px; font-weight:600; vertical-align:middle; }
.tmn_wrap .tmn_right > ul > li .tmn_port { width:80%; min-width:130px; font-size:18px; background-color:#52687e; line-height:40px; }
.tmn_wrap .tmn_right > ul > li .tmn_port p { background-color:#3baeff; height:100%; width:40px; display:inline-block; text-align:center; margin-right:10px;}

.tmn_mobile { display:none; }

/* 메인 및 컨텐츠(전체) */
#wrapper {width:100%; display:table; }

/* 좌측메뉴 및 우측 컨텐츠 구조 */
#main_menu { display:table-cell; width:275px; vertical-align:top; height:100%; background-color:#52687e; padding-bottom:50px; }
#con_wrapper { display:table-cell; position:relative; width:*; height:100%; vertical-align:top; padding:30px 0 170px 0; background-color:#F8F8F8; }
.sub_con_wrapper { padding-top:0 !important;  }

/* 메인 좌측 대메뉴 */
#gnb { width:100%; }
#gnb_wrap {width:100%;height:auto;}
#gnb_wrap div.gnb_top { display:none; }
#gnb_1dul { float:none; width:100%; }
#gnb_1dul > li.gnb_1dli {float:none; height:auto; text-align:left; padding:0; line-height:38px; border-top:1px solid #a9b4bf; border-bottom:1px solid #29343f; }
#gnb_1dul > li.gnb_1dli:hover { color:#ffffff;}
#gnb_1dul > li.gnb_1dli .gnb_1da {position: relative; display:block;font-weight:bold; color:#ffffff;text-decoration:none; width:80%; height:auto; padding:15px 0px 15px 20%; font-size:18px; font-family:"NanumSquare";}
#gnb_1dul > li.gnb_1dli:hover .gnb_1da {color:#ffffff;}
#gnb_1dul > li.gnb_1dli.on .gnb_1da {color:#ffffff}

/*
#gnb_1dul > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#fff; transition:all .3s ease; }
#gnb_1dul > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#fff}
#gnb_1dul > li.open > a:before {transform:rotate(90deg)}
*/
#gnb_1dul > li.dropdown a button { position:absolute; display:block; width:20px; height:25px; left:20px; top:50%; margin-top:-13px; transition:all .3s ease; background-color:transparent; font-size:18px; color:#ffffff; transform: scaleY(0.8); font-weight:500; border:0px solid red; padding:0;}
#gnb_1dul > li.open a button { transform:rotate(90deg) scaleY(0.8);}

#gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:10px 0; background:#3baeff; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none;}
#gnb_1dul > li > ul.gnb_2dul li:before {display:none}
#gnb_1dul > li > ul.gnb_2dul li {padding:0; text-align:left; }
#gnb_1dul > li > ul.gnb_2dul li a.gnb_2da {font-size:17px; padding:10px 0px 10px 20%; line-height:18px;color:#263646; font-weight:600; }
#gnb_1dul > li > ul.gnb_2dul li a.gnb_2da:hover { color:#ffffff; }

#btnNav {display:none; position:fixed; top:23px; right:50px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#ffffff; transition:all .4s ease; border:0px solid white;/* box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff;*/ }
#btnNav span.bar1 {top:5px}
#btnNav span.bar2 {top:15px}
#btnNav span.bar3 {top:25px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}
#btnUser {display:none; position:absolute; top:25px; right:100px; width:25px; height:25px; background:url(../img/ic_user.png) no-repeat center center; background-size:100%;}

/* 좌측 메뉴아래 배너 */
.left_banner_list { width:100%; padding-top:30px; }
.left_banner_list .left_banner01 { width:85%; margin:0 auto 40px auto; cursor:pointer; }
.left_banner_list .left_banner01 ul li { width:95%; text-align:center; padding:10px 2.5%; }
.left_banner_list .left_banner01 ul li.title { background-color:#263646; color:#ffffff; font-size:17px; font-family:"NanumSquare"; }
.left_banner_list .left_banner01 ul li.text { background-color:#3baeff; color:#263646; font-size:15px; }
.left_banner_list .left_banner02 { width:85%; margin: 70px auto 0px auto; cursor:pointer; }
.left_banner_list .left_banner02 ul li { width:95%; text-align:center; padding:10px 2.5%; }
.left_banner_list .left_banner02 ul li.title { background-color:#3baeff; color:#ffffff; font-size:20px; font-family:"NanumSquare"; font-weight:700;}
.left_banner_list .left_banner02 ul li.text { background-color:#ffffff; color:#000000; font-size:18px; font-family:"NanumSquare"; font-weight:700; }


/* 메인 컨텐츠 */
.msection { width:100%; padding:30px 0 0 0; }
.msection:first-child { padding-top:0; }
.msection > ul { width:100%; }
.msection > ul li { float:left; width:50%; border:0px solid red; box-sizing:border-box; font-family:"NanumSquare"; }

.mbox_banner { width:80%; margin:0 7% 0 13%; padding:10px 0; min-height:160px; border:1px solid #52687e; border-top:3px solid #3baeff; cursor:pointer; background-color:#ffffff; }
.msection > ul li:nth-child(2n) .mbox_banner { margin:0 13% 0 7%; }
.mbox_banner h2 { width:92%; margin:0px auto; font-size:25px; font-weight:800; color:#263646; }
.mbox_banner h2 img { margin-right:10px; }
.mbox_banner .box_cont { width:92%; margin:0px auto; font-size:15px; line-height:27px; margin-top:10px; font-family:"NanumGothic"; }
.mbox_banner .box_cont strong { font-size:18px; font-weight:800; color:#263646; font-family:"NanumSquare"; }
.mbox_banner .box_cont u { text-decoration:none; border-bottom:1px solid #737a82;}
.mbox_banner .box_cont div.info { padding-left:0px; margin-bottom:10px; }
.mbox_banner .box_cont div.info:last-child { margin-bottom:0px; }
.box_type01 { background-color:#52687e; color:#ffffff; }
.box_type01 h2, .box_type01 .box_cont strong { color:#ffffff; }
.box_type01 .box_cont u { border-bottom:1px solid #ffffff; }
.mbox_banner .box_cont02, .mbox_banner .box_cont03 { line-height:240% !important; }

.mtitle { width:100%; margin-top:30px; background-color:#263646; text-align:center; font-size:25px; font-weight:600; font-family:"NanumSquare"; padding:20px 0; color:#ffffff; line-height:150%; }


/* customer center */
.mbox_customer { width:87%; margin:60px auto 0 auto; background-color:#3baeff; color:#ffffff; font-family:"NanumSquare"; font-size:17px;line-height:130%; }
.mbox_customer ul { width:100%; }
.mbox_customer > ul li { float:left; }
.mbox_customer > ul li.mbox01 { width:51%; padding:25px 0 25px 3%; }
.mbox_customer > ul li.mbox02 { width:21%; padding:20px 0 25px 0; font-size:15px; font-family:"NanumGothic"; }
.mbox_customer > ul li.mbox03 { width:25%; padding:25px 0 25px 0; }
.mbox_customer > ul li h2 { font-size:25px; margin-bottom:10px; }
.mbox_customer > ul li.mbox01 > ul { width:100%; }
.mbox_customer > ul li.mbox01 > ul li { float:left; width:45%;}
.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.icon_customer { width:100%; }
.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.icon_customer img { float:left; margin-right:10px; }
.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.icon_customer p.text01 { float:left; height:50px; font-size:15px; font-family:"NanumGothic"; line-height:140%; margin-top:3px; }
.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.text02 { clear:both; width:100%; font-size:15px; font-family:"NanumGothic"; line-height:140%; }
.mbox_customer > ul li.mbox01 > ul li.mbox01_02 { line-height:170%; }
.mbox_customer > ul li.mbox01 > ul li.mbox01_02 strong { font-size:25px; color:#ffffff; }
.mbox_customer > ul li.mbox01 > ul li.mbox01_02 a { color:#ffffff; }
.mbox_customer > ul li.mbox01 > ul li.mbox01_02 b { font-size:20px; }
.mbox_customer > ul li.mbox02 img { margin-bottom:5px; }
.mbox_customer > ul li.mbox02 strong { font-size:22px; font-family:"NanumSquare"; }
.mbox_customer > ul li.mbox02 a { color:#ffffff; }
.mbox_customer > ul li.mbox03 b { font-size:20px; }

/* 페이지 하단 레이아웃 */
#ft { position:absolute; bottom:0; width:100%; height:auto; background-color:#ffffff; margin:0px auto 0px auto; padding-bottom:20px; padding-top:10px; }
#ft_smenu { width:93%; margin:20px auto; position:relative; height:auto; }
#ft_smenu a { margin-right:30px; color: #52687e; font-size:18px; line-height:150%; font-family:"NanumSquare"; font-weight:600; }
#ft_smenu a:last-child { margin-right:0; }
.sub_ft { margin-top:50px !important; }

#ft_copy { width:93%; margin:0 auto; position:relative; height:auto; padding:0px 0; }
#ft_copy > ul { width:100%; margin:0 auto; border:0px solid red; }
#ft_copy > ul > li { float:left; margin-right:30px; color: #010211; font-size:15px; line-height:130%; font-family:"NanumGothic"; }
#ft_copy > ul > li:last-child { margin-right:0; }
#ft_copy div.copy_text { width:100%; padding:0; font-size:15px; line-height:130%; color:#010211; text-align:left; font-family:"NanumGothic"; }


/* sub */

/* 서브 컨텐츠부분 레이아웃 */
.sub_wrapper { position:relative; width:95%; min-height:100%; padding:10px 0 50px 0; margin:30px auto 0 auto; border:0px solid red; box-sizing:border-box;}


/* 서브 제목 */
.sub_doc_title { width:100%; background-color:#ffffff; border:0px solid red; }
.sub_doc_title > div.sdt_mtitle { width: 95%; margin:0 auto; font-size:27px; font-weight:500; font-family:"NanumSquare"; height:48px; line-height:48px; padding-top:10px; padding-bottom:10px; }
.sub_doc_title > div.sdt_menu_list {  width: 95%; margin:0 auto; padding-top:15px; padding-bottom:15px; line-height:1.5;border:0px solid red; }
.sub_doc_title > div.sdt_stitle { width: 95%; margin:0 auto; border-bottom:0; position:relative; padding-top:5px; padding-bottom:5px; }
.sub_doc_title > div.sdt_mtitle img { margin-right:10px; }
.sub_doc_title > div.sdt_menu_list > a { display:inline-block; margin-right:20px; font-size:16px; }
.sub_doc_title > div.sdt_menu_list > a:last-child { margin-right:0; }
.sub_doc_title > div.sdt_menu_list > a.sml_on { color:#3BAEFF; font-weight:600; }
.sub_doc_title > div.sdt_stitle > .sdt_doc_title { line-height:50px; font-size:22px; font-weight:600; font-family:"NanumSquare"; }
.sub_doc_title > div.sdt_stitle > .sdt_doc_title > img { margin-right:5px; }
.sub_doc_title > div.sdt_line { width:100%; height:1px; background-color:#cccccc;}

.tab_menu_list { position:absolute; right:0; top:10px; width:500px; text-align:center; margin-bottom:30px;}
.tab_menu_list > ul { width:100%; list-style:none; padding:0; margin:0; border:0px solid red; }
.tab_menu_list > ul > li { float:left; width:33.333333%; text-align:center; background-color:#3BAEFF; border-right:1px solid #ffffff; box-sizing:border-box;}
.tab_menu_list > ul > li a { display:block; padding-top:10px; padding-bottom:10px; width:100%; line-height:100%;  color:#ffffff; font-weight:600; font-family:"NanumSquare"; font-size:20px;}

/* 서브 내용 디자인 */
.sub_contents { width:100%; margin:0 auto; border:0px solid red; box-sizing:border-box; }
.sub_top_wrap {  }
.sub_section { width:100%; margin:0 auto 30px auto; line-height:1.5; }
.sub_section:last-child { margin-bottom:0; }
.bottom_border { border-bottom:5px solid #ffffff; padding-bottom:30px; }

/* 내용 기본 디자인 */
.txt_box {margin-bottom:30px}
.txt_box p {font-size:15px; line-height:30px; margin-bottom:15px}

.txt_box02 {display:table; width:100%; margin:0 auto; padding:10px 0; border:1px solid #52687e; border-top:3px solid #3baeff; background-color:#ffffff;}

.txt_box03 {display:table; width:100%; margin:0 auto; padding:10px 0; border:1px solid #cccccc; background-color:#FFFFFF; border-radius:10px; }
.txt_box03 dl {display:table-row;}
.txt_box03 dl dt, .txt_box03 dl dd {display:table-cell; color:#333333; padding:3px 2px;}
.txt_box03 dl dt {width:100px; text-align:right; font-weight:600; font-size:17px;}
.txt_box03 dl dd {width:%; padding-left:1%;}

.txt_box04 {display:table; width:100%; margin:0 auto; padding:10px 0; border:1px solid #cccccc; background-color:#ffffff; border-radius:10px; }
.txt_box04 dl {display:table-row;}
.txt_box04 dl dt, .txt_box04 dl dd {display:table-cell; color:#333333; padding:3px 2px;}
.txt_box04 dl dt {width:120px; text-align:right; font-weight:600; font-size:17px;}
.txt_box04 dl dd {width:*; padding-left:10px;}

.txt_box05 {display:table; width:100%; margin:0 auto; padding:10px 0; border:1px solid #cccccc; background-color:#ffffff; border-radius:10px; }
.txt_box05 dl {display:table-row;}
.txt_box05 dl dt, .txt_box04 dl dd {display:table-cell; color:#333333; padding:3px 2px;}
.txt_box05 dl dt {width:130px; text-align:right; font-weight:600; font-size:17px;}
.txt_box05 dl dd {width:*; padding-left:10px; line-height:130%;}
.txt_box05_type02 dl dt { font-size: 15px; font-weight:500; }

.txt_box06 { width:100%; margin:0 auto; padding:15px 2px; border:1px solid #cccccc; background-color:#FFFFFF; border-radius:10px; color:#333333; font-weight:600; font-size:17px; }

.img_box {margin:0px; text-align:center;}
.img_box img { width:auto; max-width:100%; }
.img_box .img_list {overflow:hidden;}
.img_box .img_list li {display:inline-block; width:49.5%; margin-bottom:5px; height:380px; overflow:hidden;}

.sub_text01 { font-size: 15px; line-height:150%; }

.stitle01 { font-size:32px; font-family:"NanumSquare"; font-weight:600; color:#263646; line-height:130%; margin-bottom:10px; }
.stitle02 { font-size:20px; font-family:"NanumSquare"; font-weight:600; }
.stitle03 { font-size:25px; font-family:"NanumSquare"; font-weight:600; margin-bottom:10px; background:url(../img/icon_msection04.png) no-repeat left center; text-indent:55px; line-height:48px; }
.stitle04 { font-size:25px; font-family:"NanumSquare"; font-weight:600; line-height:120%; }
.stitle05 { font-size:25px; font-family:"NanumSquare"; font-weight:600; margin-bottom:10px; text-indent:55px; line-height:48px; }
.sub0102 .stitle01 { font-size:38px; }

.mcont_box { width:95%; padding:30px 2.5%; border:1px solid #52687e; border-top:3px solid #3baeff; background-color:#ffffff; margin-bottom:30px; }

.button_list { text-align:center; }
a.button01 { display:inline-block; background-color:#3BAEFF; color:#ffffff; font-size:20px; font-family:"NanumSquare"; margin:0 auto; padding:10px 20px; border:1px solid #2C82BF; border-radius:10px;  }
a.button02 { display:inline-block; background-color:#E80000; color:#ffffff; font-size:20px; font-family:"NanumSquare"; margin:0 auto; padding:10px 20px; border:1px solid #E80000; border-radius:10px;  }
a.button03 { display:inline-block; background-color:#E80000; color:#ffffff; font-size:13px; font-family:"NanumSquare"; margin:0 auto; padding:0px 5px; border:1px solid #E80000; border-radius:5px;  }

.button_list02 { width:100%; text-align:center; margin-bottom:30px; }
.button_list02 a { display:inline-block; padding:10px 20px; line-height:100%; border-radius:10px; background-color:#E80000; color:#ffffff; font-weight:800; font-family:"NanumSquare"; font-size:20px; margin-right:10px; }
.button_list02 a:last-child { margin-right:0px; }

.button_list03 { width:100%; max-width:1200px; }
.button_list03 a { display:inline-block; padding:7px 10px; line-height:100%; border:1px solid #eeeeee; border-radius:2px; background-color:#ffffff; color:#000000; font-weight:600; font-family:"NanumSquare"; font-size:14px; margin-right:10px; }
.button_list03 a:last-child { margin-right:0px; }

.table01 { background-color:#ffffff; }
.table01 table { width:100%; min-width:500px; padding:0; border-spacing:0;border-top:1px solid #dddddd; }
.table01 table thead th { background-color:#3BAEFF; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:7px 5px; color:#ffffff; font-weight:600; }
.table01 table thead th.etc_head { background-color:#263646; color:#ffffff; }
.table01 table tbody th { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; background-color:#263646; color:#ffffff; padding:7px 5px; line-height:1.3; font-weight:600; }
.table01 table tbody td { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; padding:7px 5px; line-height:1.3; word-break:keep-all;}
.etc_tab01 table { width:100%; min-width:auto; }
.etc_tab01 table thead th.th01 { width:20%; }
.etc_tab01 table thead th.th02 { width:40%; }
.etc_tab01 table thead th.th03 { width:40%; }
.etc_tab02 table { width:100%; min-width:auto; }
.etc_tab02 table tbody td { text-align:left; }
.etc_tab03 table { min-width:700px; }
.etc_tab04 table { width:100%; min-width:auto; }
.etc_tab04 table tbody td { text-align:center; }
.sub0406 .table01 table tbody th { min-width:80px; }

/* 단계 */
.step01 ul { width:100%; }
.step01 ul li { float:left; display:table; }
.step01 ul li.text { width:13%; box-sizing:border-box; border-radius:10px; text-align:center cursor:pointer; color:#ffffff; }
.step01 ul li.step_arrow { width:1.5%; height:115px; line-height:115px; /*background:url(../img/icon_step_arrow2.png) no-repeat center center; */ text-align:center; font-size:20px; }
.step01 ul li.text div { display:table-row; }
.step01 ul li.text div p { display:table-cell;width:100%; word-break:keep-all; text-align:center; vertical-align:middle; }
.step01 ul li.text div.title {  background-color:#5B9BD5; }
.step01 ul li.text div.title p { height:50px; border-radius:20px 20px 0 0; font-size:20px; font-family:"NanumSquare"; font-weight:800;  }
.step01 ul li.text div.small { background-color:#ffffff; color:#666666; font-size:14px; font-weight:500; height:65px; }
.step01 ul li.text div.small p { border-radius:0 0 20px 20px; line-height:1.2; }
.step01 ul li.text div.small p a { display:inline-block; border:1px solid #eeeeee; background-color:#F44040; border-radius:5px; color:#ffffff; padding:3px 10px; font-size:12px; font-weight:normal; line-height:100%; }

/* 단계2 */
.step02 ul { width:100%; }
.step02 ul li { float:left; width:19%; margin-right:1.25%; border:1px solid #dddddd; box-sizing:border-box; }
.step02 ul li:last-child { margin-right:0;}
.step02 ul li div { padding:10px 2px; }
.step02 ul li div.st02_top { background-color:#008796; color:#ffffff; }
.step02 ul li:last-child div.st02_top { background-color:#E71E85; }
.step02 ul li div.st02_middle { background-color:#ffffff; }
.step02 ul li div.st02_bottom { background-color:#333333; color:#ffffff; }
.step02 ul li div p { width:100%; word-break:keep-all; text-align:center; vertical-align:middle; cursor:pointer; }

/* 단계3 */
.step03 ul { width:100%; list-style:none; font-size:0; letter-spacing:-5px;}
.step03 ul > li { display:inline-block; width:16%; margin-right:0.8%; border:1px solid #cccccc; border-top:3px solid #3baeff; box-sizing:border-box; background-color:#ffffff; padding:10px 10px 2px 10px; vertical-align:top; }
.step03 ul > li:nth-child(6n) { margin-right:0;}
.step03 ul > li > div { display:table; width:100%; }
.step03 ul > li > div > p { display:table-cell; width:100%; word-break:keep-all; border:0px solid red; box-sizing:border-box; }
.step03 ul > li > div > p.small { text-align:left; font-size:17px; font-weight:normal; line-height:110%; letter-spacing:-1px; }
.step03 ul > li > div > p.title { text-align:right; font-size:20px; font-weight:600; height:45px; line-height:110%; vertical-align:middle; padding-top:12px; border:0px solid red; box-sizing:border-box; position:relative; letter-spacing:-1.5px; }
.step03 ul > li > div > p.title .sub_title { position:absolute; top:0; right:0; font-size:12px; font-weight:500; }

.sub02_shop .step03 ul > li { width:24%; margin-right:1.3333%; }
.sub02_shop .step03 ul > li:nth-child(4n) { margin-right:0;}

/* 홈페이지성공팁5용 */
.step04 ul { width:100%; max-width:1200px; }
.step04 ul > li { width:100%; background-color:#ffffff; padding:15px 0px; vertical-align:top; }
.step04 ul > li.title { background-color:#5B9BD5; border-radius:15px 15px 0 0; color:#ffffff; font-size:20px; font-family:"NanumSquare"; font-weight:600; position:relative; cursor:pointer; }
.step04 ul > li.title > div, .step04 ul > li.info > div { width:95%; margin:0 auto; }
.step04 ul > li.title > small { position:absolute; right:10px; bottom:3px; font-size:13px; font-family:"NanumGothic"; font-weight:400; }
.step04 ul > li.info { background-color:#ffffff; border-radius:0 0 15px 15px;font-weight:400; display:none; }

/* 가격비교 그래프 */
.graph01 { width:100%; background-color:#ffffff; padding-top:40px; padding-bottom:40px; }
.graph01 > table { width:100%; border:0; padding:0; border-spacing:0; }
.graph01 > table th { width:100px; position:relative; text-align:right; font-weight:600; }
.graph01 > table td.graph { width:*; position:relative; height:260px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; box-sizing:border-box; }
.graph01 > table th .line { position:absolute; bottom:0; right:3px; width:100%; }
.graph01 > table th .ln200 { bottom:192px; }
.graph01 > table th .ln150 { bottom:142px; }
.graph01 > table th .ln100 { bottom:92px; }
.graph01 > table th .ln70 { bottom:62px; }
.graph01 > table th .ln50 { bottom:42px; }
.graph01 > table th .ln30 { bottom:22px; }
.graph01 > table td.graph .line { position:absolute; bottom:0; width:100%; height:1px; background-color:#eeeeee; z-index:1; }
.graph01 > table td.graph .ln200 { bottom:200px; }
.graph01 > table td.graph .ln150 { bottom:150px; }
.graph01 > table td.graph .ln100 { bottom:100px; }
.graph01 > table td.graph .ln70 { bottom:70px; }
.graph01 > table td.graph .ln50 { bottom:50px; }
.graph01 > table td.graph .ln30 { bottom:30px; }
.graph01 > table td.graph .stick { position:absolute; bottom:-1px; left:0; width:100%; height:100%; z-index:2; display:table; }
.graph01 > table td.graph .stick > ul { display:table-row; }
.graph01 > table td.graph .stick > ul > li { display:table-cell; width:16.666%; height:100%; vertical-align:bottom; padding:0; }
.graph01 > table td.graph .stick > ul > li > table { margin:0 auto; border-spacing:0; padding:0;}
.graph01 > table td.graph .stick > ul > li > table td { width:15px; padding:0; vertical-align:bottom; }
.graph01 > table td.graph .stick > ul > li > table td > ul { width:100%; }
.graph01 > table td.graph .stick > ul > li > table td > ul > li { width:100%; margin:0; padding:0; }
.graph01 > table td.graph .stick > ul > li > table td > ul > li.top { height:0; background-color:#ffffff; }
.graph01 > table td.graph .stick > ul > li > table td.type01 > ul > li { border:1px solid #15C37F; box-sizing:border-box; }
.graph01 > table td.graph .stick > ul > li > table td.type01 > ul > li.bottom { background-color:#15C37F; }
.graph01 > table td.graph .stick > ul > li > table td.type02 > ul > li { border:1px solid #B771ED; box-sizing:border-box; }
.graph01 > table td.graph .stick > ul > li > table td.type02 > ul > li.bottom { background-color:#B771ED; }
.graph01 > table td.graph .stick > ul > li.stick01 > table td.type00 { background:url(../img/icon_nocharge_graph.png) no-repeat center top; width:74px; height:74px; text-align:center; vertical-align:middle; font-size:20px; font-weight:600; color:#ffffff; line-height:120%; }
.graph01 > table td.graph .stick > ul > li.stick02 > table td.type01 > ul > li.bottom { height:30px; }
.graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.bottom { height:30px; }
.graph01 > table td.graph .stick > ul > li.stick03 > table td.type01 > ul > li.bottom { height:70px; }
.graph01 > table td.graph .stick > ul > li.stick03 > table td.type02 > ul > li.bottom { height:100px; }
.graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.top { height:80px; }
.graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.bottom { height:30px; }
.graph01 > table td.graph .stick > ul > li.stick05 > table td.type02 > ul > li.top { height:80px; }
.graph01 > table td.graph .stick > ul > li.stick05 > table td.type02 > ul > li.bottom { height:60px; }
.graph01 > table td.graph .stick > ul > li.stick06 > table td.type01 > ul > li.top { height:80px; }
.graph01 > table td.graph .stick > ul > li.stick06 > table td.type01 > ul > li.bottom { height:120px; }
.graph01 > table td.graph .stick > ul > li.stick06 > table td.type02 > ul > li.top { height:40px; }
.graph01 > table td.graph .stick > ul > li.stick06 > table td.type02 > ul > li.bottom { height:200px; }
.graph01 > table td.graph_ment .stick_title { width:100%; display:table; border:0px solid red; box-sizing:border-box; }
.graph01 > table td.graph_ment .stick_title > ul { display:table-row; }
.graph01 > table td.graph_ment .stick_title > ul > li { display:table-cell; width:16.666%; height:100%; text-align:center; vertical-align:top; padding:10px 0 0 0; font-size:15px; font-weight:600; line-height:1.2; font-family:"NanumSquare"; letter-spacing:-1px !important; }
.graph01 > table td.graph_ment .stick_title > ul > li span { font-weight:800; }

/* 페이지별 그래프 조절 */
.sub0104 .graph01 > table td.graph .stick > ul > li.stick01 > table td.type01 > ul > li.top { height:0px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick01 > table td.type01 > ul > li.bottom { height:70px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.top { height:30px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.bottom { height:120px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick03 > table td.type01 > ul > li.top { height:0px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick03 > table td.type01 > ul > li.bottom { height:100px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.top { height:30px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.bottom { height:200px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type01 > ul > li.top { height:0px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type01 > ul > li.bottom { height:90px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type02 > ul > li.top { height:0px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type02 > ul > li.bottom { height:130px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type01 > ul > li.top { height:30px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type01 > ul > li.bottom { height:150px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type02 > ul > li.top { height:10px; }
.sub0104 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type02 > ul > li.bottom { height:250px; }

.sub0105 .graph01 > table td.graph .stick > ul > li.stick01 > table td.type01 > ul > li.top { height:0px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick01 > table td.type01 > ul > li.bottom { height:90px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.top { height:30px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.bottom { height:150px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick03 > table td.type01 > ul > li.top { height:0px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick03 > table td.type01 > ul > li.bottom { height:130px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.top { height:10px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.bottom { height:250px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type01 > ul > li.top { height:0px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type01 > ul > li.bottom { height:70px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type02 > ul > li.top { height:0px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type02 > ul > li.bottom { height:100px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type01 > ul > li.top { height:30px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type01 > ul > li.bottom { height:120px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type02 > ul > li.top { height:30px; }
.sub0105 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type02 > ul > li.bottom { height:200px; }

.sub0106 .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.top { height:80px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.bottom { height:30px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick03 > table td.type01 > ul > li.top { height:0px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick03 > table td.type01 > ul > li.bottom { height:30px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick03 > table td.type02 > ul > li.bottom { height:30px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.top { height:80px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.bottom { height:60px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type01 > ul > li.top { height:0px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick05 > table td.type01 > ul > li.bottom { height:100px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type02 > ul > li.top { height:40px; }
.sub0106 .graph01 > table td.graph .stick > ul > li.stick06 > table td.type02 > ul > li.bottom { height:200px; }

/* 쇼핑몰 그래프 */
.sub02_shop .graph01 > table td.graph .stick > ul > li { width:25%; }
.sub02_shop .graph01 > table td.graph_ment .stick_title > ul > li { width:25%; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick01 > table td.type01 > ul > li.top { height:0px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick01 > table td.type01 > ul > li.bottom { height:30px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick01 > table td.type02 > ul > li.top { height:0px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick01 > table td.type02 > ul > li.bottom { height:50px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick02 > table td.type01 > ul > li.top { height:0px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick02 > table td.type01 > ul > li.bottom { height:90px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.top { height:0px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.bottom { height:100px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick03 > table td.type02 > ul > li.top { height:120px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick03 > table td.type02 > ul > li.bottom { height:30px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick04 > table td.type01 > ul > li.top { height:50px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick04 > table td.type01 > ul > li.bottom { height:150px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.top { height:50px; }
.sub02_shop .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.bottom { height:200px; }

/* 도메인 비용비교 */
.sub0401 .graph01 > table td.graph { height:170px; }
.sub0401 .graph01 > table td.graph .stick > ul > li { width:25%; }
.sub0401 .graph01 > table td.graph_ment .stick_title > ul > li { width:25%; }
.sub0401 .graph01 > table td.graph .stick > ul > li.stick01 > table td.type01 > ul > li.bottom { height:100px; }
.sub0401 .graph01 > table td.graph .stick > ul > li.stick02 > table td.type02 > ul > li.bottom { height:130px; }
.sub0401 .graph01 > table td.graph .stick > ul > li.stick03 > table td.type02 > ul > li.bottom { height:130px; }
.sub0401 .graph01 > table td.graph .stick > ul > li.stick04 > table td.type02 > ul > li.bottom { height:125px; }

/* 인사말 */
.greetings {text-align:left;}
.greetings strong{font-size:18px;}
.greetings ul li.img { float:left; width:30%;}
.greetings ul li.img .img_box { width:auto; border:0px solid #999999; box-sizing:border-box; padding:5px; }
.greetings ul li.img .img_box img { width:100%; max-width:200px; vertical-align:top; margin-bottom:10px; }
.greetings ul li.text { float:left; width:70%; padding-top:40px; }
.greetings ul li.text .sub_text01 { line-height:160%; }

.map-tbl {border-top:2px solid #000; width:100%;}
.map-tbl tbody th {    border-bottom: 1px solid #000;    color: #1e1e1e;    font-size: 16px;   font-weight:700;  text-align: left;   padding: 16px;}
.map-tbl tbody td {border-bottom: 1px solid #d8d8d8;    color: #5b5b5b;    font-size: 15px;    font-weight: 300; padding: 16px;}  

.map_box { width:100%; height:450px; margin:0 auto 30px auto; }
.map_box div.root_daum_roughmap { width:100%; height:450px; margin:0 auto;}
.mapinfo { width:100%; margin:0 auto 0px auto; }
.mapinfo h2 { font-size:1.5em; }
.mapinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.mapinfo dt{width:25%;float:left;clear:both;padding:10px 5px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea;color:#368dc6;line-height:150%;}
.mapinfo dd{width:70%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;}
.mapinfo dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.mapinfo dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}

.contactinfo { width:100%; margin:0 auto 0px auto; }
.contactinfo h2 { font-size:1.5em; }
.contactinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.contactinfo dt{width:35%;float:left;clear:both;padding:10px 0px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea;color:#368dc6;line-height:200%; min-width:100px;}
.contactinfo dd{width:65%;float:left;padding:10px 0;border-top:1px solid #eaeaea;line-height:180%;}
.contactinfo dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.contactinfo dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}

.img_list0105 { position:relative; }
.img_list0105 div img { width:100%; vertical-align:bottom; }
.img_list0105 div.img01 {  }
.img_list0105 div.img02 { position:absolute; bottom:30px; left:50%; right:2.5%;}
.img_list0105 div.img03 { position:absolute; bottom:30px; left:75%; right:2.5%; }
.img_list0105 div.img01 img { max-width:500px; }
.img_list0105 div.img02 img { max-width:226px; }
.img_list0105 div.img03 img { max-width:105px; }

.listing01 { display:table; margin-left:10px; }
.listing01 dl { display:table-row; }
.listing01 dl dt, .listing01 dl dd { display:table-cell; padding:5px 0; }
.listing01 dl dt div { display:inline-block; width:30px; height:30px; line-height:30px; background-color:#E80000; color:#ffffff; font-weight:bold; border-radius:100%; text-align:center; margin-right:5px; }

.listing02 {display:table; width:100%; margin:0 auto; padding:10px 0; background-color:#333333; font-size:20px; border-radius:0px; }
.listing02 > dl {display:table-row;}
.listing02 > dl > dt, .listing02 > dl > dd {display:table-cell; color:#ffffff; padding:3px 2px;}
.listing02 > dl > dt {width:40px; text-align:right; font-weight:600; font-size:30px;}
.listing02 > dl > dd {width:*; padding-left:10px;}
.listing02 > dl > dd strong {color:#FFE400;}

.listing03 {display:table; width:100%; margin:0 auto; padding:10px 0; background-color:#ffffff; border-radius:0px; }
.listing03 > dl {display:table-row;}
.listing03 > dl > dt, .listing03 > dl > dd {display:table-cell; padding:10px 2px; vertical-align:middle; border-bottom:1px dotted #dddddd; }
.listing03 > dl:last-child dt, .listing03 > dl:last-child > dd { border-bottom:0; }
.listing03 > dl > dt {width:50px; text-align:center; padding-left:20px; }
.listing03 > dl > dt p { width:50px; height:50px; line-height:50px; text-align:center; font-weight:600; font-size:25px; background-color:#333333; color:#ffffff; font-weight:600; margin:0 auto;}
.listing03 > dl > dd { width:*; padding-left:10px; line-height:130%;}
.listing03_type02 > dl > dd > p.title,  { margin-bottom:7px; font-weight:600; }

.sub0104 .step01 ul li, .sub0105 .step01 ul li { margin-bottom:10px; }
.sub0104 .step01 ul li.text, .sub0105 .step01 ul li.text { width:13%; }
.sub0104 .step01 ul li.step_arrow, .sub0105 .step01 ul li.step_arrow { width:1.285%; }

.sub0201 .shoppingmall_info .si_middle { background-color:#EC0101; color:#ffffff; text-align:center; padding:20px 10px; font-size:30px; font-weight:800;  }

.modal-dialog.md_homepg_goods { width:95%; max-width:1000px; }

.homepg_goods ul li.hpg_price table { width:100%; padding:0; border-spacing:0px; border-left:1px solid #dddddd; border-top:1px solid #dddddd; }
.homepg_goods ul li.hpg_price table td { padding:0; text-align:center; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; vertical-align:top; }
.homepg_goods ul li.hpg_price table td div {  padding:10px 0; }
.homepg_goods ul li.hpg_price table td div.title { font-size:17px; font-weight:600; line-height:30px; height:30px; }
.homepg_goods ul li.hpg_price table td div.info { font-size:20px; font-weight:600; line-height:150%; height:100%; height:55px; }
.homepg_goods ul li.hpg_price table td div.info small { font-size:17px; }
.homepg_goods ul li.hpg_price table td.month06 { width:50%; }
.homepg_goods ul li.hpg_price table td.month06 div.title { background-color:#0085B1; color:#ffffff; }
.homepg_goods ul li.hpg_price table td.month06 div.info { background-color:#DEF7FF; }
.homepg_goods ul li.hpg_price table td.month12 { width:50%; }
.homepg_goods ul li.hpg_price table td.month12 div.title { background-color:#0039BC; color:#ffffff; }
.homepg_goods ul li.hpg_price table td.month12 div.info { background-color:#E0EAFF; }
.homepg_goods ul li.hpg_btns { text-align:center; margin:20px 0; }

@media ( max-width: 1400px ) {
	#hd { height:100px; }
	#logo { width:200px; line-height:100px;}
	#logo img { width:200px;}
	.tmn_wrap .tmn_left > ul > li { height:100px; line-height:100%; font-size:15px; font-family:"NanumGothic"; font-weight:600; letter-spacing:-1px;}
	.tmn_wrap .tmn_right > ul > li { height:100px; line-height:100%; }
	.tmn_wrap .tmn_right > ul > li.phone { font-size:28px; }
	.tmn_wrap .tmn_right > ul > li.phone span { font-size:20px; }
	.tmn_wrap .tmn_right > ul > li.phone img { width:30px; }
	.tmn_wrap .tmn_right > ul > li .tmn_port { min-width:110px; font-size:15px;line-height:30px; font-family:"NanumGothic"; letter-spacing:-1px; }
	.tmn_wrap .tmn_right > ul > li .tmn_port p { width:30px; }


	/* 메인 컨텐츠 */
	.mbox_banner { width:85%; margin:0 5% 0 10%; min-height:135px;  }
	.msection > ul li:nth-child(2n) .mbox_banner { margin:0 10% 0 5%; }
	.mbox_banner h2 { font-size:20px; }
	.mbox_banner h2 img { width:30px; }
	.mbox_banner .box_cont { font-size:14px; line-height:25px; }
	.mbox_banner .box_cont strong { font-size:17px; font-weight:600; }

	.mtitle { font-size:22px; font-weight:600; padding:15px 0; }


	/* customer center */
	.mbox_customer { width:90%; font-family:"NanumGothic"; font-size:15px; }
	.mbox_customer > ul li h2 { font-size:22px; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.icon_customer img { width:35px; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.icon_customer p.text01 { font-size:15px; font-family:"NanumGothic"; line-height:140%; height:auto; margin-top:0; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.text02 { font-size:15px; font-family:"NanumGothic"; line-height:140%; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_02 { line-height:180%; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_02 strong { font-size:22px; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_02 b { font-size:18px; font-weight:600; }
	.mbox_customer > ul li.mbox02 { font-size:15px; }
	.mbox_customer > ul li.mbox02 img { width:150px; margin-bottom:10px; }
	.mbox_customer > ul li.mbox02 strong { font-size:18px; }
	.mbox_customer > ul li.mbox03 b { font-size:15px; font-family:"NanumGothic"; font-weight:600; }

	.step03 ul > li > div > p.small { font-size:15px; }
	.step03 ul > li > div > p.title { font-size:17px; }

}
@media ( max-width: 1199px ) {
	#hd { height:80px; }
	#logo { width:200px; line-height:80px;}
	#logo img { width:180px;}
	.tmn_wrap .tmn_left > ul > li { height:80px;}
	.tmn_wrap .tmn_right > ul > li { height:80px; }

	.tmn_wrap .tmn_left > ul > li {font-size:13px; }
	.tmn_wrap .tmn_right > ul > li.phone { font-size:20px; }
	.tmn_wrap .tmn_right > ul > li.phone span { font-size:17px; }
	.tmn_wrap .tmn_right > ul > li.phone img { width:30px; }

	/* 좌측메뉴 및 우측 컨텐츠 구조 */
	#main_menu { width:250px; }

	/* 메인 좌측 대메뉴 */
	#gnb_1dul > li.gnb_1dli {padding:0; line-height:30px; }
	#gnb_1dul > li.gnb_1dli .gnb_1da {font-weight:600; width:85%; height:auto; padding:13px 0px 13px 15%; font-size:15px; font-family:"NanumGothic"; }
	#gnb_1dul > li.dropdown a button { left:10px; }
	#gnb_1dul > li > ul.gnb_2dul {padding:8px 0;}
	#gnb_1dul > li > ul.gnb_2dul li a.gnb_2da {font-size:15px; padding:5px 0px 5px 7%; font-weight:600; font-family:"NanumGothic"; }

	/* 좌측 메뉴아래 배너 */
	.left_banner_list { padding-top:20px; }
	.left_banner_list .left_banner01 { width:90%; margin:0 auto 30px auto; }
	.left_banner_list .left_banner01 ul li { width:96%; padding:10px 2%; }
	.left_banner_list .left_banner01 ul li.title { font-size:15px; font-family:"NanumGothic"; }
	.left_banner_list .left_banner01 ul li.text { font-size:13px; }
	.left_banner_list .left_banner02 { width:90%; margin: 50px auto 0px auto;}
	.left_banner_list .left_banner02 ul li { width:96%; padding:10px 2%; }
	.left_banner_list .left_banner02 ul li.title { font-size:17px; font-family:"NanumSquare"; font-weight:700;}
	.left_banner_list .left_banner02 ul li.text { font-size:14px; font-family:"NanumGothic"; font-weight:600; }
	
	#con_wrapper { padding-bottom:240px; }

	/* 메인 컨텐츠 */
	.mbox_banner .box_cont { font-size:13px; line-height:20px; }
	.mbox_banner .box_cont02 { line-height:200% !important; border:0px solid red; }
	.mbox_banner .box_cont03 { line-height:160% !important; border:0px solid red; }

	/* customer center */
	.mbox_customer > ul li.mbox01 { width:97%; padding:25px 0 25px 3%; }
	.mbox_customer > ul li.mbox02 { width:47%; padding:20px 0 25px 3%; font-size:15px; }
	.mbox_customer > ul li.mbox03 { width:50%; padding:25px 0 25px 0%; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 { width:48%; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_02 { width:52%; }
	
	.step03 ul > li { width:33%; margin-right:0.5%; margin-bottom:5px; }
	.step03 ul > li:nth-child(6n) { margin-right:0.5%; }
	.step03 ul > li:nth-child(3n) { margin-right:0; }
	.step03 ul > li > div > p.small { font-size:17px; }
	.step03 ul > li > div > p.title { font-size:20px; }

	.sub02_shop .step03 ul > li:nth-child(3n) { margin-right:1.3333%;}

	.graph01 > table td.graph_ment .stick_title > ul > li { font-size:14px; font-weight:600; }
	.graph01 > table td.graph_ment .stick_title > ul > li span { font-weight:600; }
}
@media ( max-width: 1023px ) {
	br.mo_br { display:block; }
	#hd { position:fixed; }

	/* 상단 메뉴 */
	.tmn_wrap { display:table-cell; width:*; border:0px solid red; box-sizing:border-box; }
	.tmn_wrap a { color:#ffffff; }
	.tmn_wrap .tmn_left { float:left; width:80%; }
	.tmn_wrap .tmn_right { display:none; }
	.tmn_wrap .tmn_left > ul > li {font-size:13px; }
	
	/* 메인 및 컨텐츠(전체) */
	#wrapper {width:100%; display:block; }

	/* 좌측메뉴 및 우측 컨텐츠 구조 */
	#main_menu { display:block; height:0;}
	.left_banner_list { display:none; }
	#con_wrapper { display:block; width:100%; padding:70px 0 0px 0; }

	#gnb .gnb_wrap{width:auto; height:100%; background-color:#ffffff; }
	#gnb_wrap {position:fixed !important; top:0; right:-350px; width:350px; max-width:100%; height:100%;  margin:Auto;box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990; overflow-y: scroll;}

	#gnb_1dul {float:none; width:250px;}
	#gnb_1dul > li.gnb_1dli { background-color:#ffffff; border-top:0px solid #a9b4bf; border-bottom:1px solid #8C8C8C; }
	#gnb_1dul > li.gnb_1dli .gnb_1da {padding:15px 0px 15px 15px; color:#333333; }
	#gnb_1dul > li.gnb_1dli:hover .gnb_1da {color:#333333;}
	#gnb_1dul > li.gnb_1dli.on .gnb_1da {color:#333333}

	#gnb_1dul > li > ul.gnb_2dul { background-color:#F9F9F9; padding:0; }
	#gnb_1dul > li > ul.gnb_2dul li.gnb_2dli { border-top:1px solid #eeeeee; padding-top:5px; padding-bottom:5px; }
	#gnb_1dul > li > ul.gnb_2dul li a.gnb_2da { color:#333333; font-weight:500; }
	#gnb_1dul > li > ul.gnb_2dul li a.gnb_2da:hover { color:#333333; }
	#gnb_1dul > li.dropdown a button { position:relative; float:right; left:auto; right:0px; top:0; margin-top:0; border:0px solid red; color:#333333; }

	#gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200}

	#btnNav {display:block;}
	/*#btnUser {display:none;}*/
	
	#ft { position:relative; bottom:none; margin-top:40px; }

	.mbox_banner { width:90%; margin:0 3% 0 7%; min-height:135px;  }
	.mbox_banner .box_cont { font-size:14px; }
	.msection > ul li:nth-child(2n) .mbox_banner { margin:0 7% 0 3%; }
	.mbox_customer { width:93%; }

	/* 서브 */
	.sub_wrapper { width:90%; min-height:100px; }

	.table01 { overflow-x:scroll; }
	.table01::-webkit-scrollbar { width: 2px; }
	.table01::-webkit-scrollbar-thumb { background: #a9a9a9; }
	.etc_tab01 { overflow-x:hidden; }
	.etc_tab01 table thead th.th01 { width:45%; }
	.etc_tab01 table thead th.th02 { width:25%; }
	.etc_tab01 table thead th.th03 { width:30%; }
	.etc_tab02 { overflow-x:hidden; }
	.etc_tab04 { overflow-x:hidden; }


	.step01 ul li.text div.title { font-size:18px;font-weight:600; }
	.step01 ul li.text div.small { font-size:14px; }

	.sub02_shop .step03 ul > li { width:49%; margin-right:2%; }
	.sub02_shop .step03 ul > li:nth-child(3n) { margin-right:2%;}
	.sub02_shop .step03 ul > li:nth-child(2n) { margin-right:0;}

	/* 서브 제목 */
	.sub_doc_title { margin-top:30px; }
	.sub_doc_title > div.sdt_mtitle { font-size:22px; font-weight:500; height:40px; line-height:40px; padding-top:10px; padding-bottom:10px; }
	.sub_doc_title > div.sdt_mtitle img { height:40px; }
	.sub_doc_title > div.sdt_menu_list {  padding-top:10px; padding-bottom:10px; }
	.sub_doc_title > div.sdt_menu_list > a { margin-right:15px; font-size:15px; }
	.sub_doc_title > div.sdt_stitle { font-size:18px; font-weight:500; }
	.sub_doc_title > div.sdt_stitle img { margin-right:5px; }

	.sub0104 .step01 ul li.text, .sub0105 .step01 ul li.text { width:17%; }
	.sub0104 .step01 ul li.step_arrow, .sub0105 .step01 ul li.step_arrow { width:3%; }

	.graph01 > table th { width:60px; font-size:13px; }
}
@media ( max-width: 767px ) {

	.txt_box03 dl dt {font-weight:500; font-size:17px;}

	.step01 ul li {  margin-bottom:10px; }
	.step01 ul li.text { width:28% !important; }
	.step01 ul li.text div.title { font-size:17px; font-family:"NanumSquare"; font-weight:600; }
	.step01 ul li.step_arrow { width:5.333% !important; }

	#hd { height:80px; }
	#logo { width:180px; line-height:80px; text-align:left; }
	#logo img { width:180px;}
	.tmn_wrap .tmn_left > ul > li { height:80px;}
	.tmn_wrap .tmn_right > ul > li { height:80px; }

	#btnNav { right:10px}
	.msection > ul li { float:none; width:100%; }
	.msection > ul li:first-child { margin-bottom:30px; }

	.mbox_banner { width:90%; margin:0 auto !important; min-height:auto; }

	.mtitle { font-size:20px; padding:15px 0; word-break:keep-all; }

	/* customer center */
	.mbox_customer { width:90%; }
	.mbox_customer > ul li.mbox01 { width:97%; padding:25px 0 25px 3%; }
	.mbox_customer > ul li.mbox02 { width:50%; padding:20px 0 25px 3%; font-size:15px; }
	.mbox_customer > ul li.mbox03 { width:47%; padding:25px 0 25px 0%; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 { width:52%; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.icon_customer img { width:30px; vertical-align:middle; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.icon_customer p.text01 { margin-top:0; line-height:120%; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_02 { width:48%; }

	#ft_smenu { width:90%; word-break:keep-all; }
	#ft_smenu a { margin-right:10px; font-size:17px; letter-spacing:-1px; }

	.mcont_box { width:90%; padding:30px 5%; }

	.img_list0105 div.img02 { right:5%;}
	.img_list0105 div.img03 { right:5%; }

	.tab_menu_list { position:relative; left:0; right:0; top:0; width:100%; margin-top:10px; margin-bottom:10px; text-align:left; }

	.listing02 {font-size:17px;}
	.listing02 > dl > dt, .listing02 > dl > dd { vertical-align:middle; }
	.listing02 > dl > dt {width:30px; font-size:25px;}

	.sub0201 .shoppingmall_info .si_middle { padding:15px 10px; font-size:22px; font-weight:600;  }

	.listing03 > dl > dt { width:40px; padding-left:10px; }
	.listing03 > dl > dt p { width:40px; height:40px; line-height:40px; font-size:22px; }

	.step03 ul > li div p.small { font-size:15px; }
	.step03 ul > li div p.title { font-size:17px; }
	
	.graph01 > table td.graph .stick > ul > li.stick01 > table td.type00 { background-size:100%; width:50px; height:50px; font-size:15px; }
	.graph01 > table td.graph_ment .stick_title > ul > li { font-family:"NanumGothic"; font-size:12px; font-weight:normal; }
	.graph01 > table td.graph_ment .stick_title > ul > li span { font-weight:normal; }

	.mapinfo dt{width:100%;float:left;clear:both;padding:10px 10px;text-align:left;font-weight:bold;border-top:1px solid #eaeaea; line-height:150%; box-sizing: border-box;}
	.mapinfo dd{width:100%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;     box-sizing: border-box;}
}

@media ( max-width: 500px ) {
	#logo { width:150px; }
	#logo img { width:150px;}

	.sub_section { margin:0 auto 20px auto; }

	.table01 table thead th { font-weight:normal; word-break:keep-all; }
	.table01 table tbody th { font-weight:normal; word-break:keep-all; }

	.txt_box03 dl dt {width:80px; font-weight:500; font-size:14px;}
	
	.sub_doc_title > div.sdt_stitle > .sdt_doc_title > img { width:30px; }
	.sub_doc_title > div.sdt_stitle > .sdt_doc_title { line-height:40px; font-size:17px; font-weight:600; }
	
	.stitle01 { font-size:23px; }
	.stitle04 { font-size:20px; font-weight:normal; }
	.stitle03 { font-size:20px; background-position:left top; background-size:35px 35px; text-indent:45px; line-height:38px; letter-spacing:-1px; margin-bottom:0px;}
	.sub0102 .stitle01 { font-size:30px; }

	/*.step01 ul li.text { width:28%; }
	.step01 ul li.step_arrow { width:5.333%; }*/
	.step01 ul li.text div.title { font-size:16px; font-family:"NaumGothic"; font-weight:600; letter-spacing:-1px; }
	.step01 ul li.text div.small { font-size:14px; font-weight:normal; letter-spacing:-1px; }
	.step01 ul li.text div.small p a { padding:3px 3px; }
	
	.step04 ul > li.title { font-size:17px; }
	.step04 ul > li.title > small { position:absolute; right:10px; bottom:3px; font-size:13px; font-family:"NanumGothic"; font-weight:400; cursor:pointer;  }
	.step04 ul > li.info { background-color:#ffffff; border-radius:0 0 15px 15px;font-weight:400; display:none; }

	.txt_box06 { font-size:15px; }

	.mbox_banner * { letter-spacing:-1px !important; }
	.mbox_banner .box_cont strong { font-size:15px; font-weight:800; }

	.tmn_wrap .tmn_left { display:none; }
	.tmn_mobile { display:block; position:absolute; right:48px; top:25px; }
	.tmn_mobile ul li { float:left; margin-right:10px; cursor:pointer; }
	.tmn_mobile ul li img { height:30px; }
	.tmn_mobile ul li.notice { margin-right:0; position:relative; }
	.tmn_mobile ul li.notice .notice_new { position:absolute; left:16px; top:-4px; background-color:#ff0000; color:#ffffff; width:15px; height:15px; line-height:15px; text-align:center; border-radius:100%; font-size:10px; }
	.tmn_mobile ul li.online { margin-left:12px; }
	.tmn_mobile ul li.online > div { margin:0 auto; color:#ffffff; line-height:100%; border:1px solid #ffffff; padding:2px 5px; }

	#gnb_wrap div.gnb_top { position:relative; display:block; padding:0 0 0 0px; height:100px; font-size:16px; color:#fff; background-color:#263646; }
	#gnb_wrap div.gnb_top > ul { width:250px; }
	#gnb_wrap div.gnb_top > ul > li { float:left; width:33.3%; height:100px; text-align:center; color:#ffffff; border:0px solid red; box-sizing:border-box; line-height:100% }
	#gnb_wrap div.gnb_top > ul > li p { margin:10px auto 5px auto; padding:0;  }
	#gnb_wrap div.gnb_top > ul > li p img { width:50px; vertical-align:top; }
	#gnb_wrap div.gnb_top > ul > li a { display:inline-block; width:100%; height:100%; font-size:12px; font-family:"NanumGothic"; letter-spacing:-1px; color:#ffffff; }
	#gnb_wrap div.gnb_top > ul > li:nth-child(1) { width:33%; }
	#gnb_wrap div.gnb_top > ul > li:nth-child(2) { width:33%; }
	#gnb_wrap div.gnb_top > ul > li:nth-child(3) { width:34%; }

	/* customer center */
	.mbox_customer { font-size:14px; }
	.mbox_customer > ul li h2 { font-size:18px; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.icon_customer p.text01 { font-size:14px; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_01 div.text02 { font-size:14px; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_02 strong { font-size:18px; }
	.mbox_customer > ul li.mbox01 > ul li.mbox01_02 b { font-size:14px; }
	.mbox_customer > ul li.mbox02 { font-size:14px; }
	.mbox_customer > ul li.mbox02 img { width:130px; }
	.mbox_customer > ul li.mbox02 strong { font-size:17px; }
	.mbox_customer > ul li.mbox03 b { font-size:15px; letter-spacing:-1px; }

	#ft_smenu a { margin-right:3px; font-size:13px; font-family:"NanumGothic";}
	#ft_copy { width:95%; }
	#ft_copy > ul > li { margin-right:10px; font-size:14px; }
	#ft_copy div.copy_text { font-size:14px; }

	.sub_wrapper { width:95%; /*padding-top:10px;*/padding:0; margin-top:30px; }

	.tab_menu_list > ul > li > a { font-size:14px; font-weight:normal; }

	.button_list02 a { padding:10px 10px; font-weight:600; font-size:15px; margin-right:5px; letter-spacing:-1px; }
	.button_list02 a:last-child { margin-right:0px; }

	.homepg_goods ul li.hpg_price table td div.info small { font-size:13px; }

	.step03 ul > li { width:49%; margin-right:2%; }
	.step03 ul > li:nth-child(3n) { margin-right:2%; }
	.step03 ul > li:nth-child(2n) { margin-right:0; }
	.step03 ul > li > div > p.small { font-size:14px; letter-spacing:-1.5px; font-weight:normal; }
	.step03 ul > li > div > p.title { font-weight:600; height:40px;padding-top:10px; }
	
	.graph01 > table th { width:45px; font-size:12px; font-weight:normal; }
	.graph01 > table th .ln200 { bottom:192px; }
	.graph01 > table th .ln150 { bottom:142px; }
	.graph01 > table th .ln100 { bottom:92px; }
	.graph01 > table th .ln70 { bottom:62px; }
	.graph01 > table th .ln30 { bottom:22px; }
	.graph01 > table td.graph .stick > ul > li > table td { width:10px; }
	.graph01 > table td.graph .stick > ul > li.stick01 > table td.type00 { width:40px; height:40px; font-size:13px; line-height:100%; }
	.graph01 > table td.graph_ment .stick_title > ul > li { font-size:11px; font-weight:normal; }

}