@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
	src: url(../../front/fonts/NotoSans-Regular.eot);
	src:local("※"), 
    url(../../front/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(../../front/fonts/NotoSans-Regular.woff) format('woff'),
    url(../../front/fonts/NotoSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 500;
	src: url(../../front/fonts/NotoSans-Medium.eot);
	src:local("※"), 
    url(../../front/fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
    url(../../front/fonts/NotoSans-Medium.woff) format('woff'),
	url(../../front/fonts/NotoSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: bold;
	font-weight: 700;
	src: url(../../front/fonts/NotoSans-Bold.eot);
	src:local("※"), 
    url(../../front/fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
    url(../../front/fonts/NotoSans-Bold.woff) format('woff'),
    url(../../front/fonts/NotoSans-Bold.ttf) format('truetype');
}

/* RESET */
html, body {width:100%;min-width:100%;height:100%;min-height:100%;margin: 0;padding: 0;border: 0;font-size:100%;font:inherit;font-family:'Noto Sans Korean', sans-serif;vertical-align:baseline;background-color: #FFF;overflow:auto;color:#111;word-break:break-all;}

/* Common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,tbody,tr,td,figure,img {margin:0;padding:0;font-size:15px;}
body,input,textarea,select,button,table{font-family:'Noto Sans Korean', sans-serif;-webkit-text-size-adjust:none}
body{font-size:15px;line-height:1.25;word-break:break-all}
img,fieldset,iframe{border:0}
img{max-width:100%;vertical-align:top}
em,address{font-style:normal}
input,select,button{vertical-align:middle;margin:1px}
input[type="checkbox"]{padding:1px}
label{cursor:pointer;}
table {border-collapse:collapse;}

caption,legend,.blind{overflow:hidden;position: static;top:0;left:-999em;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-align:left}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number]{width:98%;height:28px;padding:0 2px;border:1px solid #d2d2d2;font-size:15px;color:#444;vertical-align:middle;-webkit-border-radius:1px;-webkit-appearance:none}
input[type=password],input[type=email]{ime-mode:disabled}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,select:focus,textarea:focus{border:1px solid #acc7ef;background:#f5f8fd}
input[type=file]{width:99.5%;height:30px;border:1px solid #d2d2d2;background:#fff}
input[type=radio]{*width:13px;*height:13px}
select{height:30px;border:1px solid #d2d2d2;font-size:15px;color:#444;vertical-align:middle}
textarea{width:98.2%;padding:5px;border:1px solid #d2d2d2;font-size:15px;color:#444}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
p > img {display: block;max-width: 80%;margin:20px auto 0;}
a:link, a:visited {text-decoration: none;color: #5083ff;}
.point_txt,
.clr_blue, 
.clr_blue3,
.col_blue,
.summary_point{color: #5083ff;}
.clr_red{color:#dc0b0b;}
p {margin:0;}
li {margin-left:20px;}
strong{font-weight:400;}
.clearfix {*zoom: 1;}
.clearfix:after {content: "";display: block;clear: both;}

/* (new) layout */
.template_wrap{/*width:360px;*/margin:0 auto; padding:0 16px 16px;box-sizing:border-box;background:#fff;}

/* (old) title */
.section_howtofix h4.title_menu {margin:10px 0 5px 0; padding:20px 0 10px 0px; font-size:16px;} /* 20150824 */
.section_howtofix .title_howtofix,
.section_howtofix h3.title_howtofix_sub,
.section_howtofix h3.title_howtofix_sub2,
.section_howtofix h4.title_howtofix_sub,
.section_howtofix h4.title_howtofix_sub2 {margin:30px 0; font-size:24px;font-weight:500;color: #000;letter-spacing: -1.2px;} /* 20150824 */
.section_howtofix .title_howtofix:first-child,
.section_howtofix h3.title_howtofix_sub:first-child,
.section_howtofix h3.title_howtofix_sub2:first-child,
.section_howtofix h4.title_howtofix_sub:first-child,
.section_howtofix h4.title_howtofix_sub2:first-child{margin-top:0;}
.section_howtofix h4 + .tbl_lst{margin-top:5px;}
.section_howtofix p + h4.title_howtofix_sub,
.section_howtofix p + h4.title_howtofix_sub2{margin:30px 0 0;}
.section_howtofix h4,
.section_howtofix h5{margin-top:20px;}
.section_howtofix table ul li {list-style: none;}

/* (old) TBL_List :: [컨텐츠공통] */
.tbl_lst{width:100%;table-layout:fixed;margin-top:20px;}
.tbl_lst th,
.tbl_lst td{padding:9px 3px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;font-size:15px !important;text-align:center;}
.tbl_lst th:first-child,
.tbl_lst td:first-child{border-left:0}
.tbl_lst th:last-child{border-right:0;}
.tbl_lst tbody th{width:17%;font-weight:bold;text-align:center;background:#f9f9fb;color:#333}
.tbl_lst thead th{width:auto;padding:14px 12px;font-weight:bold;border-left:0; border-top:1px solid #6a6e6d;}
.tbl_lst td {text-align:center;border:1px solid #ccc;padding: 14px 12px;}
.tbl_lst td figure img,
.tbl_lst td img{width:auto;max-width:100%;}

.tbl_lst_v2{width:100%;border-top:1px solid #6a6e6d}
.tbl_lst_v2 th,
.tbl_lst_v2 td{border-bottom:1px solid #e1e1e1 !important;border-left:1px solid #e1e1e1 !important;font-size:15px !important;text-align:center}
.tbl_lst_v2 th:first-child,
.tbl_lst_v2 td:first-child{border-left:0 !important}
.tbl_lst_v2 th{background:#f9f9fb;color:#444}
.tbl_lst_v2 td{text-align:center}
.tbl_lst_v2 th.bdlft,.tbl_lst td.bdlft{border-left:0}
.tbl_lst_v2 li{margin:0 !important}

.ul_lst li,
.sub-desc li,
.mobile-image-list li,
.num_lst2 li {margin:0 0 5px 0;list-style:none;}
.ul_lst li:last-child,
.sub-desc li:last-child,
.mobile-image-list li:last-child,
.num_lst2 li:last-child{margin-bottom:0;}
.num_lst2 li .num{color:#5083ff;}
.mobile-image-list li{text-align:center;}
.mobile-image-list li:first-child p img{margin-top:5px;}

.btn-area,
.btn-area_v2 {padding:30px 0 0; text-align:center} /* 20170714 */
.btn-area a {width:100%;margin:0 auto 10px auto!important;color:#fff; border-radius:5px; text-decoration:none; padding:12px; font-weight:bold; box-sizing: border-box; }
.btn-area a:first-child {margin-left:0;}
.btn-area a.btn-type01 {background:#276cc7; border:1px solid #114c99}
.btn-area a.btn-type02 {background:#1ba0e1; border:1px solid #057fbb; }

.shortcuts_box,
.lst_box{overflow:hidden;margin: 10px 0 0;padding:10px 15px;border:1px solid #e1e1e1;background-color:#f9f9fb;}
.customer_tit,
.customer_tit2 {padding:10px;margin-top:5px;background:#f3f5f8;}

/* (new) template */
.title-first {margin-top:20px;padding-left:0;font-weight:bold;color:#111;line-height:1.2;}
.title-second {margin-top:20px;padding-left:12px;font-weight:bold;color:#222;line-height:1.2;}
.title-third {margin-top:5px;padding-left:24px;font-weight:bold;color:#222;line-height:1.2;}

.txt-first {margin-top:20px;padding-left:0;color:#111;}
p.txt-first > img{margin-top:15px;}
.txt-second {margin-top:20px;padding-left:12px;color:#333;}
.txt-third {margin-top:5px;padding-left:24px;color:#333;}
.txt-fourth {margin-top:5px;padding-left:36px;color:#333;}

.number-first {margin-top:20px;padding-left:15px;color:#333;text-indent:-15px;}
.number-second {margin-top:5px;padding-left:27px;color:#333;text-indent:-15px;}
.number-third {margin-top:5px;padding-left:39px;color:#333;text-indent:-15px;}
.number-fourth {margin-top:5px;padding-left:51px;color:#333;text-indent:-15px;}

.tbl,
.tbl_lst,
.ta_c{width:100%;table-layout:fixed;margin-top:20px;border-top:1px solid #6a6e6d;}

.tbl th,
.tbl_lst th,
.ta_c th {font-weight:bold;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.tbl.top_title th,
.tbl_lst thead th{border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.tbl.top_title thead th,
.tbl_lst thead th{padding:15px 5px;font-weight:bold;}
.tbl.top_title thead th,
.tbl_lst th,
.tbl th,
.ta_c th{background:#f9f9fb;}

.tbl td,
.tbl_lst td,
.ta_c td{padding:5px;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.tbl.top_title td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;}

.tbl th:first-child,
.tbl_lst th:first-child,
.tbl_lst th:first-child{width:17%;}

.ta_c th:last-child,
.tbl td:last-child,
.tbl_lst td:last-child,
.ta_c td:last-child,
.tbl th:last-child{border-right:0;}

.tbl_lst td.ta_l{text-align:left;}
.tbl_lst td ul li{margin:10px 0 0 0; list-style: none;}
.ta_c + .ta_c{margin-top:20px;}

h5 + .tbl,
h5 + .tbl_lst,
h5 + .board_list .tbl_lst,
h5 + .table-wrap .tbl_lst,
h5 + .board_list .ta_c{margin-top:5px;}
h5 + .board_list .ta_c + .ta_c,
.ta_c + .ta_c{margin-top:20px;}

table figure img,
table img{display: block;width:auto;max-width:100%;margin: 0 auto;}
table .img_caption{margin-top:0;}

span.cont-wrap {display:block;}
.cont-wrap div.img_wrap {float:left;margin-top:0;}
.cont-wrap span.img_wrap {display:block;margin-top:0;}
.limage_rtext .image {width:100%;text-align: center;}
.limage_rtext .image span {display:block; padding:5px; text-align:center; font-size:11px;}
.limage_rtext .text {margin-top:20px;}
.cont-wrap div.img_wrap img,
.limage_rtext .image img{max-width:150px;}
.cont-wrap.temp-imgtxt div.img_wrap{float:left;margin-right:20px;}
.cont-wrap.temp-imgtxt:after,
.limage_rtext .image:after {content:'';display:block;clear:both;}
.cont-wrap.temp-txtimg .txt_wrap {float:left;width:55%;}
.cont-wrap.temp-txtimg .img_wrap{float:right;width:40%;}
.cont-wrap.temp-txtimg .img_wrap img{width:100%;}
/*.cont-wrap.temp-txtimg{max-width: 100%;}*/

.cont-wrap.temp-txtimg:after {content:'';display:block;clear:both;}
.cont-wrap.temp-boxtxt .txt-box-wrap {display:inline-block;padding:10px 12px;margin-top:5px;background-color:#F5F5F5;}
.cont-wrap.temp-titleimg .txt_wrap {margin-bottom:10px;}
.cont-wrap.temp-titleimg .txt_wrap .number_list li:before {content:"1";display: inline-block;}
.cont-wrap.temp-titleimg .txt_wrap .number_list li{padding-left:10px;}
.cont-wrap.temp-titleimg div.img_wrap {float:none;}
.cont-wrap.temp-imgtxt,
.cont-wrap.temp-txtimg,
.cont-wrap.temp-titleimg{margin-top:20px;}
.cont-wrap.temp-titleimg{text-align:center;}
.cont-wrap.temp-imgtxt.number_list .img_wrap{margin-right:40px;}
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li{position: relative;margin:0;}
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li:before {content:"1.";display: inline-block;position: absolute;top:0;left:103px;padding-right:10px; }
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li:nth-child(2):before {content:"2.";}
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li:nth-child(3):before {content:"3.";}
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li:nth-child(4):before {content:"4.";}
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li:nth-child(5):before {content:"5.";}
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li:nth-child(6):before {content:"6.";}
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li:nth-child(7):before {content:"7.";}
.cont-wrap.temp-imgtxt.number_list .txt_wrap ol li:nth-child(8):before {content:"8.";}
.page_title {font-size:24px;font-weight:500;color: #000;letter-spacing: -1.2px;line-height: 1.25;}
.page_title + .title-first,
.page_title + .txt-first,
.page_title + .number-first{margin-top:30px;}

.img_wrap{margin-top:20px;}
.img_caption{margin-top:20px;text-align:center;font-size:0;}
.img_caption .img_wrap{margin-top:0;}
.img_caption img{width:auto;vertical-align:bottom;}
.img_caption .caption{display:inline-block; margin-top:5px;color:#111;font-size:15px;text-align:center;font-weight:500;}

.img_multi{margin-top:20px;font-size:15px;}
.img_multi .img_wrap{display:inline-block;margin-top:0;vertical-align: bottom;}
.img_multi img{display: inline;vertical-align:bottom;}

.movie_wrap{position: relative;margin-top:20px;width:100%; }
.movie_wrap .movie_area{position:relative;padding-bottom: 56%;height:0;overflow:hidden;border:1px solid #e1e1e1;box-sizing:border-box;}
.movie_wrap .movie_area iframe,
.movie_wrap .movie_area object,
.movie_wrap .movie_area embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.movie_wrap .mv_title{width: 100%;padding:8px 5px;font-weight:bold;background:#f9f9fb;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;box-sizing:border-box;}
.movie_wrap .scenario{width:100%;padding:20px 5px;box-sizing: border-box;border: 1px solid #e1e1e1;box-sizing:border-box;}
.movie_wrap .scenario .number-first:first-child,
.movie_wrap .scenario .number-second:first-child,
.movie_wrap .scenario .number-third:first-child,
.movie_wrap .scenario .txt-first:first-child,
.movie_wrap .scenario .txt-second:first-child,
.movie_wrap .scenario .txt-third:first-child,
.movie_wrap .scenario .title-first:first-child,
.movie_wrap .scenario .title-second:first-child,
.movie_wrap .scenario .title-third:first-child{margin-top:0;}
.movie_wrap li{list-style: none;margin-left:0;}

.tbl_wrap{width:100%; margin-top:20px; overflow-x: auto;}
.tbl_wrap .cont-wrap.tbl{margin-top:0;}

.number-imglist{position: relative;margin-top:20px;}
.number-imglist .number{position: absolute;top:0;left:0;}
.number-imglist .cont-wrap{/*display:table;*/margin:0 0 0 20px;}
.number-imglist .cont-wrap .img_wrap,
.number-imglist .cont-wrap .txt_wrap{/*display:table-cell;*/vertical-align: top;}

/* 들여쓰기 1 */
.title-second + .cont-wrap,
.title-second + .cont-wrap + .cont-wrap,
.title-second + .cont-wrap  + .cont-wrap + .cont-wrap,
.title-second + .tbl_wrap,
.title-second + .img_multi,
.txt-second + .cont-wrap,
.txt-second + .cont-wrap + .cont-wrap,
.txt-second + .cont-wrap + .cont-wrap + .cont-wrap,
.txt-second + .tbl_wrap,
.txt-second + .img_multi {margin-left:12px;}
.title-second + ul li,
.txt-second + ul li,
.title-second + ol li,
.txt-second + ol li {margin-left:32px;}

/* 들여쓰기 2 */
.title-third + .cont-wrap,
.title-third + .cont-wrap + .cont-wrap,
.title-third + .cont-wrap + .cont-wrap + .cont-wrap,
.title-third + .tbl_wrap,
.title-third + .img_multi,
.txt-third + .cont-wrap,
.txt-third + .cont-wrap + .cont-wrap,
.txt-third + .cont-wrap + .cont-wrap + .cont-wrap,
.txt-third + .tbl_wrap,
.txt-third + .img_multi {margin-left:24px;}
.title-third + ul li,
.txt-third + ul li,
.title-third + ol li,
.txt-third + ol li {margin-left:44px;}

/* 들여쓰기 3 */
.txt-fourth + .cont-wrap,
.txt-fourth + .cont-wrap + .cont-wrap,
.txt-fourth + .cont-wrap + .cont-wrap + .cont-wrap,
.txt-fourth + .tbl_wrap,
.txt-fourth + .img_multi {margin-left:36px;}
.title-fourth + ul li,
.txt-fourth + ul li,
.title-fourth + ol li,
.txt-fourth + ol li {margin-left:56px;}

/* table 들여쓰기 1 */
.title-second + .cont-wrap,
.title-second + .cont-wrap + .cont-wrap,
.title-second + .cont-wrap  + .cont-wrap + .cont-wrap.tbl,
.title-second + .tbl_wrap {width:calc(100% - 12px);}

/* table 들여쓰기 2 */
.title-third + .cont-wrap,
.title-third + .cont-wrap + .cont-wrap,
.title-third + .cont-wrap + .cont-wrap + .cont-wrap.tbl,
.title-third + .tbl_wrap,
.txt-third + .cont-wrap,
.txt-third + .cont-wrap + .cont-wrap,
.txt-third + .cont-wrap + .cont-wrap + .cont-wrap.tbl {width:calc(100% - 24px);}

/* table 들여쓰기 3 */
.txt-fourth + .cont-wrap,
.txt-fourth + .cont-wrap + .cont-wrap,
.txt-fourth + .cont-wrap + .cont-wrap + .cont-wrap.tbl {width:calc(100% - 36px);}

/* table 들여쓰기 기호 */
.number-first + .cont-wrap,
.number-first + .cont-wrap + .cont-wrap,
.number-first + .cont-wrap + .cont-wrap + .cont-wrap.tbl {width:calc(100% - 15px);}
.number-second + .cont-wrap,
.number-second + .cont-wrap + .cont-wrap,
.number-second + .cont-wrap + .cont-wrap + .cont-wrap.tbl {width:calc(100% - 27px);}
.number-third + .cont-wrap,
.number-third + .cont-wrap + .cont-wrap,
.number-third + .cont-wrap + .cont-wrap + .cont-wrap.tbl {width:calc(100% - 39px);}
.number-fourth + .cont-wrap,
.number-fourth + .cont-wrap + .cont-wrap,
.number-fourth + .cont-wrap + .cont-wrap + .cont-wrap.tbl {width:calc(100% - 51px);}

/* 들여쓰기 기호 */
.number-first + .txt-second {padding-left:15px;}
.number-second + .txt-third {padding-left:27px;}
.number-third + .txt-fourth {padding-left:39px;}
.number-fourth + .txt-fourth {padding-left:51px;}

.number-first + .cont-wrap,
.number-first + .cont-wrap + .cont-wrap,
.number-first + .cont-wrap + .cont-wrap + .cont-wrap,
.number-first + .tbl_wrap,
.number-first + .img_multi {margin-left:15px;}
.number-second + .cont-wrap,
.number-second + .cont-wrap + .cont-wrap,
.number-second + .cont-wrap + .cont-wrap + .cont-wrap,
.number-second + .tbl_wrap,
.number-second + .img_multi {margin-left:27px;}
.number-third + .cont-wrap,
.number-third + .cont-wrap + .cont-wrap,
.number-third + .cont-wrap + .cont-wrap + .cont-wrap,
.number-third + .tbl_wrap,
.number-third + .img_multi {margin-left:39px;}
.number-fourth + .cont-wrap,
.number-fourth + .cont-wrap + .cont-wrap,
.number-fourth + .cont-wrap + .cont-wrap + .cont-wrap,
.number-fourth + .tbl_wrap,
.number-fourth + .img_multi {margin-left:51px;}

/* 마진 top 5px */
.title-first + .img_caption,
.title-second + .img_caption,
.title-third + .img_caption,
.number-first + .img_caption,
.number-second + .img_caption,
.number-third + .img_caption,
.title-first + .cont-wrap.tbl,
.title-second + .cont-wrap.tbl,
.title-third + .cont-wrap.tbl,
.number-first + .cont-wrap.tbl,
.number-second + .cont-wrap.tbl,
.number-third + .cont-wrap.tbl,
.title-first + .tbl_wrap,
.title-second + .tbl_wrap,
.title-third + .tbl_wrap,
.number-first + .tbl_wrap,
.number-second + .tbl_wrap,
.number-third + .tbl_wrap,
.title-first + .img_multi,
.title-second + .img_multi,
.title-third + .img_multi,
.number-first + .img_multi,
.number-second + .img_multi,
.number-third + .img_multi,
.title-first + .img_wrap,
.title-second + .img_wrap,
.title-third + .img_wrap,
.title-first + .txt-first,
.title-second + .txt-second,
.img_caption + .img_multi,
.txt-first + .txt-first,
.number-first + .txt-first,
.number-first + .txt-second,
.number-second + .txt-second,
.number-second + .txt-third{margin-top:5px;}

/* 마진 top 20px */
.img_caption + .txt-third,
.img_caption + .title-third,
.temp-imgtxt + .txt-third,
.temp-imgtxt + .title-third,
.temp-txtimg + .txt-third,
.temp-txtimg + .title-third,
.temp-titleimg + .txt-third,
.temp-titleimg + .title-third,
.img_caption + .txt-third,
.img_caption + .title-third,
.scenario .number-second,
.scenario .number-third, 
.scenario .number-fourth{margin-top:20px;}